color.admin.css in Open Social 10.3.x
.form-type-vertical-tabs .color-form .form-item {
height: auto;
}
.form-type-vertical-tabs .color-form label {
float: none;
clear: left;
display: inline-block;
}
.form-type-vertical-tabs .color-form .form-select,
.form-type-vertical-tabs .color-form .form-text {
float: none;
display: inline-block;
}
.form-type-vertical-tabs button.color-palette__lock,
.color-palette__lock,
.form-type-vertical-tabs .color-palette__hook {
display: none;
}
.color-form .color-palette .form-item,
.color-form .form-item.form-item--scheme {
display: flex;
align-items: center;
height: auto;
}
@media(max-width: 767px) {
.color-form .color-palette .form-item,
.color-form .form-item.form-item--scheme {
align-items: flex-start;
flex-direction: column;
}
.color-form .color-palette .form-item .form-text,
.color-form .form-item.form-item--scheme .form-text {
width: 100%;
}
}
.color-form .color-palette .form-item label,
.color-form .form-item.form-item--scheme label {
float: none;
}
File
modules/custom/improved_theme_settings/css/color.admin.css
View source
- .form-type-vertical-tabs .color-form .form-item {
- height: auto;
- }
-
- .form-type-vertical-tabs .color-form label {
- float: none;
- clear: left;
- display: inline-block;
- }
-
- .form-type-vertical-tabs .color-form .form-select,
- .form-type-vertical-tabs .color-form .form-text {
- float: none;
- display: inline-block;
- }
-
- .form-type-vertical-tabs button.color-palette__lock,
- .color-palette__lock,
- .form-type-vertical-tabs .color-palette__hook {
- display: none;
- }
-
- .color-form .color-palette .form-item,
- .color-form .form-item.form-item--scheme {
- display: flex;
- align-items: center;
- height: auto;
- }
-
- @media(max-width: 767px) {
- .color-form .color-palette .form-item,
- .color-form .form-item.form-item--scheme {
- align-items: flex-start;
- flex-direction: column;
- }
-
- .color-form .color-palette .form-item .form-text,
- .color-form .form-item.form-item--scheme .form-text {
- width: 100%;
- }
- }
-
- .color-form .color-palette .form-item label,
- .color-form .form-item.form-item--scheme label {
- float: none;
- }