diff options
Diffstat (limited to 'src/assets/styles/bmc/custom/_forms.scss')
-rw-r--r-- | src/assets/styles/bmc/custom/_forms.scss | 27 |
1 files changed, 22 insertions, 5 deletions
diff --git a/src/assets/styles/bmc/custom/_forms.scss b/src/assets/styles/bmc/custom/_forms.scss index 8cb8e242..d8f2cecb 100644 --- a/src/assets/styles/bmc/custom/_forms.scss +++ b/src/assets/styles/bmc/custom/_forms.scss @@ -61,6 +61,16 @@ } } +.select-per-page { + padding: 0 0 0 5px; + width: 146px !important; + height: 24px; + background-color: transparent; + border: 1px solid $on-surface-tretiatry; + border-radius: 4px; + background-image: url('~@/assets/images/icon-chevron.svg'); +} + // Inverted form colors .form-background { background-color: none; @@ -91,6 +101,14 @@ line-height: $form-line-height; } +.custom-checkbox { + line-height: 23px; +} + +.custom-radio { + line-height: 23px !important; +} + .custom-checkbox ::before { box-shadow: none !important; border: 2px solid $on-surface-secondary; @@ -123,7 +141,6 @@ .custom-switch { width: 28px; height: 16px; - margin: -4px 0 -4px auto; } .custom-switch @@ -216,7 +233,7 @@ padding-top: 4px; } -//radio buttons global style +//radio buttons style .custom-radio ::before { border: 1px solid $red-brand-primary; background-color: #fff; @@ -228,7 +245,7 @@ ~ .custom-control-label::before { border: 2px solid $red-brand-primary; background-color: $red-brand-primary; - box-shadow: 0px 0px 0px 2.5px $white inset; + box-shadow: 0px 0px 0px 2.4px $white inset; border-radius: 100%; } @@ -236,7 +253,7 @@ .custom-control-input:hover ~ .custom-control-label::before { background-color: $red-brand-primary-hover !important; - box-shadow: 0px 0px 0px 2.5px $white inset; + box-shadow: 0px 0px 0px 2.4px $white inset; border-color: $red-brand-primary-hover; } @@ -251,6 +268,6 @@ .custom-control-input:active ~ .custom-control-label::before { background-color: $red-brand-primary-active !important; - box-shadow: 0px 0px 0px 2.5px $white inset; + box-shadow: 0px 0px 0px 2.4px $white inset; border-color: $red-brand-primary-active; } |