diff options
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 1 | ||||
-rw-r--r-- | client/src/sass/primeng-custom.scss | 55 |
2 files changed, 34 insertions, 22 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index 1da240db8..8749649d3 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -76,6 +76,7 @@ | |||
76 | border-radius: 3px; | 76 | border-radius: 3px; |
77 | padding-left: 15px; | 77 | padding-left: 15px; |
78 | padding-right: 15px; | 78 | padding-right: 15px; |
79 | font-size: 15px; | ||
79 | 80 | ||
80 | &::placeholder { | 81 | &::placeholder { |
81 | color: var(--inputPlaceholderColor); | 82 | color: var(--inputPlaceholderColor); |
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss index 6057b1db0..7ba011180 100644 --- a/client/src/sass/primeng-custom.scss +++ b/client/src/sass/primeng-custom.scss | |||
@@ -263,33 +263,40 @@ p-calendar .ui-datepicker { | |||
263 | } | 263 | } |
264 | } | 264 | } |
265 | 265 | ||
266 | .ui-chkbox { | ||
266 | 267 | ||
267 | .ui-chkbox-box { | 268 | &, .ui-chkbox-box { |
268 | &.ui-state-active { | 269 | width: 18px !important; |
269 | border-color: var(--mainColor) !important; | 270 | height: 18px !important; |
270 | background-color: var(--mainColor) !important; | ||
271 | } | 271 | } |
272 | 272 | ||
273 | .ui-chkbox-icon { | 273 | .ui-chkbox-box { |
274 | position: relative; | 274 | &.ui-state-active { |
275 | overflow: visible !important; | 275 | border-color: var(--mainColor) !important; |
276 | 276 | background-color: var(--mainColor) !important; | |
277 | &:after { | ||
278 | content: ''; | ||
279 | position: absolute; | ||
280 | top: 1px; | ||
281 | left: 7px; | ||
282 | width: 5px; | ||
283 | height: 13px; | ||
284 | opacity: 0; | ||
285 | transform: rotate(45deg) scale(0); | ||
286 | border-right: 2px solid var(--mainBackgroundColor); | ||
287 | border-bottom: 2px solid var(--mainBackgroundColor); | ||
288 | } | 277 | } |
289 | 278 | ||
290 | &.pi-check:after { | 279 | .ui-chkbox-icon { |
291 | opacity: 1; | 280 | position: relative; |
292 | transform: rotate(45deg) scale(1); | 281 | overflow: visible !important; |
282 | |||
283 | &:after { | ||
284 | content: ''; | ||
285 | position: absolute; | ||
286 | top: 1px; | ||
287 | left: 6px; | ||
288 | width: 5px; | ||
289 | height: 12px; | ||
290 | opacity: 0; | ||
291 | transform: rotate(45deg) scale(0); | ||
292 | border-right: 2px solid var(--mainBackgroundColor); | ||
293 | border-bottom: 2px solid var(--mainBackgroundColor); | ||
294 | } | ||
295 | |||
296 | &.pi-check:after { | ||
297 | opacity: 1; | ||
298 | transform: rotate(45deg) scale(1); | ||
299 | } | ||
293 | } | 300 | } |
294 | } | 301 | } |
295 | } | 302 | } |
@@ -354,3 +361,7 @@ p-toast { | |||
354 | } | 361 | } |
355 | } | 362 | } |
356 | } | 363 | } |
364 | |||
365 | .ui-widget { | ||
366 | font-family: $main-fonts !important; | ||
367 | } | ||