Add new styles for admin forms

This commit is contained in:
decabeza
2020-03-16 12:54:00 +01:00
committed by Javi Martín
parent 16dc5821d1
commit 4dad04ae3f
3 changed files with 31 additions and 11 deletions

View File

@@ -16,6 +16,8 @@
// 01. Global styles // 01. Global styles
// ----------------- // -----------------
$admin-border-color: #d3d9dd;
$admin-border: 2px solid $admin-border-color;
$admin-color: #245b80; $admin-color: #245b80;
$admin-text: #434d54; $admin-text: #434d54;
@@ -23,7 +25,7 @@ $sidebar: #245b80;
$sidebar-hover: #25597c; $sidebar-hover: #25597c;
$sidebar-active: #f4fcd0; $sidebar-active: #f4fcd0;
$table-border: 2px solid #d3d9dd; $table-border: $admin-border;
$table-header: #ecf1f6; $table-header: #ecf1f6;
.admin { .admin {
@@ -271,6 +273,23 @@ $table-header: #ecf1f6;
.input-group-label { .input-group-label {
height: $line-height * 2; height: $line-height * 2;
} }
.checkbox,
.radio {
font-weight: bold;
}
select {
height: $input-height;
}
[type]:not([type="button"], [type=checkbox], [type=file], [type=radio], [type=submit]),
select {
background-color: $white;
border: $admin-border;
border-radius: rem-calc(6);
box-shadow: none;
}
} }
.menu.simple { .menu.simple {
@@ -785,10 +804,6 @@ table {
color: $text-medium; color: $text-medium;
} }
[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
background: $white;
}
.legislation-process-start, .legislation-process-start,
.legislation-process-end { .legislation-process-end {
@include breakpoint(medium) { @include breakpoint(medium) {
@@ -821,7 +836,6 @@ table {
.legislation-questions-form { .legislation-questions-form {
[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) { [type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
background: $white;
margin-bottom: 0; margin-bottom: 0;
@include breakpoint(medium) { @include breakpoint(medium) {
@@ -947,10 +961,6 @@ table {
} }
} }
[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
background: $white;
}
.control { .control {
cursor: pointer; cursor: pointer;
margin-bottom: 1rem; margin-bottom: 1rem;

View File

@@ -10,6 +10,10 @@
select { select {
height: $line-height * 2; height: $line-height * 2;
margin: 0 rem-calc(12); margin: 0 rem-calc(12);
+ select {
margin-left: 0;
}
} }
} }
} }
@@ -18,6 +22,12 @@
@include breakpoint(medium) { @include breakpoint(medium) {
width: 50%; width: 50%;
} }
input:not([type="button"], [type="checkbox"], [type="file"], [type="radio"], [type="submit"]) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-right: 0;
}
} }
[type="submit"] { [type="submit"] {

View File

@@ -1091,7 +1091,7 @@ form {
} }
} }
[type]:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):not(.close-button) { [type]:not(.close-button, [type=checkbox], [type=file], [type=radio], [type=submit]) {
background: #f8f8f8; background: #f8f8f8;
height: $input-height; height: $input-height;
margin-bottom: rem-calc(16); margin-bottom: rem-calc(16);