Files
GestioneSpiaggia.it/public/admin/scss/forms.scss
T
2021-09-17 12:41:45 +02:00

169 lines
2.4 KiB
SCSS

/****** FORM *****/
.form-box-container {
border: 1px solid #ddd;
margin: 10px 0;
padding: 15px;
}
.note-editable {
min-height: 426px;
}
.datepicker {
z-index: 1151 !important;
}
/******* PREVIEW IMAGE *******/
.image-preview-input {
background-color: #fff;
border-color: #ccc;
color: #333;
margin: 0;
overflow: hidden;
position: relative;
input[type="file"] {
cursor: pointer;
font-size: 20px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
}
}
.image-preview-input-title {
// margin-left: 2px;
}
.image_preview_block_container{
.logo{
padding: 10px;
max-height: 149px;
}
.banner{
padding: 10px;
max-height: 200px;
}
}
.image-preview-clear-btn{
margin: 0;
}
input.form-control:focus, select.form-control:focus {
border: 1px solid #3c8dbc;
}
.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
border: 1px solid #dd4b39;
box-shadow: none !important;
}
.form-error > span {
color: #dd4b39 !important;
}
.form-group {
.label-danger {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
color: #dd4b39 !important;
text-align: right !important;
overflow: hidden;
font-size: 12px;
}
}
[elastic] {
min-height: 37px;
}
textarea {
&.resize-vertical {
resize: vertical;
}
&.resize-horizontal {
resize: horizontal;
}
}
#modalForm label {
font-weight: normal;
}
// ------------ COMPACT FORM ----------------------
.compact-form {
&.no-border-radius {
input, select, textarea {
border-radius: 0;
}
}
.label-danger {
text-align: right;
}
label {
font-size: 0.95rem;
margin-top: 7px;
font-weight: normal !important;
}
.form-group {
margin-bottom: 5px;
.form-control {
box-shadow: none !important;
//font-size: 0.95rem;
}
.has-error .form-control {
box-shadow: none !important;
border: 1px solid #dd4b39;
}
}
}
/**** SUMMERNNOTE EDITOR ****/
.panel.note-editor {
border-radius: 0;
border: 1px solid #DDD;
box-shadow: none;
}
/**** BTN RADIo BOX ****/
.btn-radiobox{
.btn-app{
text-transform: uppercase;
&:first-child{
margin-left: 0;
}
&.active{
border-color: $brandColor-01;
i{
color: $brandColor-01;
}
}
input{
display: none;
}
}
}