summaryrefslogtreecommitdiff
path: root/src/assets/styles/bmc/custom/_forms.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/assets/styles/bmc/custom/_forms.scss')
-rw-r--r--src/assets/styles/bmc/custom/_forms.scss27
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;
}