X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fng-select.scss;h=ba7905c890612ae35055d058efc772abf773f559;hb=c43e50c51c3abff33b1b27db92aa64706cd76c54;hp=dfe1f6f0dac24e02d801f5c937f288d71fd22c63;hpb=dc9c9500bf5f0fd66906576ee3df4f1c49a1871d;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/sass/ng-select.scss b/client/src/sass/ng-select.scss index dfe1f6f0d..ba7905c89 100644 --- a/client/src/sass/ng-select.scss +++ b/client/src/sass/ng-select.scss @@ -1,3 +1,6 @@ +@use 'sass:math'; +@use 'sass:color'; + @use '_variables' as *; @use '_mixins' as *; @@ -9,7 +12,7 @@ $ng-select-border: $input-border-color; $ng-select-bg: pvar(--mainBackgroundColor); // Cannot use a CSS variable as the default them use darken on this variable -$ng-select-selected: lighten($main-color, 40%); +$ng-select-selected: color.adjust($main-color, $lightness: 40%); // $ng-select-selected-text: $ng-select-primary-text !default; $ng-select-marked: pvar(--mainColorLightest); @@ -35,8 +38,9 @@ $ng-select-input-text: pvar(--mainForegroundColor); @import '@ng-select/ng-select/scss/default.theme'; .ng-select { + @include rounded-line-height-1-5($ng-select-value-font-size); + font-size: $ng-select-value-font-size; - line-height: $form-input-line-height; &.ng-select-focused { &:not(.ng-select-opened) > .ng-select-container {