aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/include/_mixins.scss22
-rw-r--r--client/src/sass/include/_variables.scss1
-rw-r--r--client/src/sass/ng-select.scss10
3 files changed, 22 insertions, 11 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 8545824e3..26f5a149a 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -92,7 +92,7 @@
92 max-width: $width; 92 max-width: $width;
93 color: pvar(--inputForegroundColor); 93 color: pvar(--inputForegroundColor);
94 background-color: pvar(--inputBackgroundColor); 94 background-color: pvar(--inputBackgroundColor);
95 border: 1px solid #C6C6C6; 95 border: 1px solid $input-border-color;
96 border-radius: 3px; 96 border-radius: 3px;
97 font-size: 15px; 97 font-size: 15px;
98 98
@@ -138,7 +138,7 @@
138 &.disabled { 138 &.disabled {
139 cursor: default; 139 cursor: default;
140 color: #fff; 140 color: #fff;
141 background-color: #C6C6C6; 141 background-color: $input-border-color;
142 } 142 }
143 143
144 my-global-icon { 144 my-global-icon {
@@ -168,7 +168,7 @@
168 &.disabled { 168 &.disabled {
169 cursor: default; 169 cursor: default;
170 color: pvar(--mainColor); 170 color: pvar(--mainColor);
171 background-color: #C6C6C6; 171 background-color: $input-border-color;
172 } 172 }
173 173
174 my-global-icon { 174 my-global-icon {
@@ -385,10 +385,9 @@
385 select { 385 select {
386 padding: 0 35px 0 12px; 386 padding: 0 35px 0 12px;
387 position: relative; 387 position: relative;
388 border: 1px solid #C6C6C6; 388 border: 1px solid $input-border-color;
389 background: transparent none; 389 background: transparent none;
390 appearance: none; 390 appearance: none;
391 cursor: pointer;
392 height: $button-height; 391 height: $button-height;
393 text-overflow: ellipsis; 392 text-overflow: ellipsis;
394 color: pvar(--mainForegroundColor); 393 color: pvar(--mainForegroundColor);
@@ -404,14 +403,17 @@
404 403
405 option { 404 option {
406 color: #000; 405 color: #000;
406
407 &[value=undefined] {
408 font-weight: $font-semibold;
409 }
407 } 410 }
408 } 411 }
409 412
410 &.peertube-select-button { 413 &.peertube-select-button {
411 @include grey-button; 414 @include grey-button;
412 415
413 select, 416 select {
414 option {
415 font-weight: $font-semibold; 417 font-weight: $font-semibold;
416 color: pvar(--greyForegroundColor); 418 color: pvar(--greyForegroundColor);
417 border: 0; 419 border: 0;
@@ -446,7 +448,7 @@
446 top: 0; 448 top: 0;
447 width: 18px; 449 width: 18px;
448 height: 18px; 450 height: 18px;
449 border: 1px solid #C6C6C6; 451 border: 1px solid $input-border-color;
450 border-radius: 100%; 452 border-radius: 100%;
451 background: #fff; 453 background: #fff;
452 } 454 }
@@ -493,7 +495,7 @@
493 width: 18px; 495 width: 18px;
494 min-width: 18px; 496 min-width: 18px;
495 height: 18px; 497 height: 18px;
496 border: $border-width solid #C6C6C6; 498 border: $border-width solid $input-border-color;
497 border-radius: 3px; 499 border-radius: 3px;
498 vertical-align: middle; 500 vertical-align: middle;
499 cursor: pointer; 501 cursor: pointer;
@@ -612,7 +614,7 @@
612 margin-bottom: 20px; 614 margin-bottom: 20px;
613 615
614 @if $separator { 616 @if $separator {
615 border-bottom: 1px solid #C6C6C6; 617 border-bottom: 1px solid $input-border-color;
616 } 618 }
617 619
618 @media screen and (max-width: $small-view) { 620 @media screen and (max-width: $small-view) {
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 41ae60290..884e7b5d0 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -85,6 +85,7 @@ $theater-bottom-space: 115px;
85$input-foreground-color: $fg-color; 85$input-foreground-color: $fg-color;
86$input-background-color: $bg-color; 86$input-background-color: $bg-color;
87$input-placeholder-color: #898989; 87$input-placeholder-color: #898989;
88$input-border-color: #C6C6C6;
88 89
89$textarea-foreground-color: $fg-color; 90$textarea-foreground-color: $fg-color;
90$textarea-background-color: $bg-color; 91$textarea-background-color: $bg-color;
diff --git a/client/src/sass/ng-select.scss b/client/src/sass/ng-select.scss
index 97e61e068..b1b82b573 100644
--- a/client/src/sass/ng-select.scss
+++ b/client/src/sass/ng-select.scss
@@ -4,7 +4,7 @@
4$ng-select-highlight: #f2690d; 4$ng-select-highlight: #f2690d;
5// $ng-select-primary-text: #333 !default; 5// $ng-select-primary-text: #333 !default;
6// $ng-select-disabled-text: #f9f9f9 !default; 6// $ng-select-disabled-text: #f9f9f9 !default;
7// $ng-select-border: #ccc !default; 7$ng-select-border: $input-border-color;
8// $ng-select-border-radius: 4px !default; 8// $ng-select-border-radius: 4px !default;
9// $ng-select-bg: #ffffff !default; 9// $ng-select-bg: #ffffff !default;
10// $ng-select-selected: lighten($ng-select-highlight, 46) !default; 10// $ng-select-selected: lighten($ng-select-highlight, 46) !default;
@@ -46,6 +46,14 @@ $ng-select-value-font-size: 15px;
46 @include padding-right(12px); 46 @include padding-right(12px);
47 } 47 }
48 48
49 .ng-arrow {
50 border-color: #000 transparent transparent !important;
51 }
52
53 &.ng-select-opened .ng-arrow {
54 border-color: transparent transparent #000 !important;
55 }
56
49 &.ng-select-single .ng-value-container .ng-value { 57 &.ng-select-single .ng-value-container .ng-value {
50 color: pvar(--inputForegroundColor); 58 color: pvar(--inputForegroundColor);
51 59