[Glitch] Fix placeholder colors for inputs not being explicitly defined

Port b6df9c1067 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
This commit is contained in:
Eugen Rochko 2019-09-19 19:58:40 +02:00 committed by Thibaut Girka
parent dbb8d9308b
commit 6c8fefb0c9
5 changed files with 56 additions and 18 deletions

View file

@ -62,24 +62,6 @@
color: $darker-text-color; color: $darker-text-color;
font-size: 14px; font-size: 14px;
margin: 0; margin: 0;
&::-moz-focus-inner {
border: 0;
}
&::-moz-focus-inner,
&:focus,
&:active {
outline: 0 !important;
}
&:focus {
background: lighten($ui-base-color, 4%);
}
@media screen and (max-width: 600px) {
font-size: 16px;
}
} }
@mixin search-popout() { @mixin search-popout() {

View file

@ -245,6 +245,28 @@
.column-select { .column-select {
&__control { &__control {
@include search-input(); @include search-input();
&::placeholder {
color: lighten($darker-text-color, 4%);
}
&::-moz-focus-inner {
border: 0;
}
&::-moz-focus-inner,
&:focus,
&:active {
outline: 0 !important;
}
&:focus {
background: lighten($ui-base-color, 4%);
}
@media screen and (max-width: 600px) {
font-size: 16px;
}
} }
&__placeholder { &__placeholder {

View file

@ -44,6 +44,10 @@
font-family: inherit; font-family: inherit;
resize: vertical; resize: vertical;
&::placeholder {
color: $dark-text-color;
}
&:focus { outline: 0 } &:focus { outline: 0 }
@include single-column('screen and (max-width: 630px)') { font-size: 16px } @include single-column('screen and (max-width: 630px)') { font-size: 16px }
} }
@ -263,6 +267,10 @@
resize: none; resize: none;
scrollbar-color: initial; scrollbar-color: initial;
&::placeholder {
color: $dark-text-color;
}
&::-webkit-scrollbar { &::-webkit-scrollbar {
all: unset; all: unset;
} }

View file

@ -10,6 +10,28 @@
padding-right: 30px; padding-right: 30px;
line-height: 18px; line-height: 18px;
font-size: 16px; font-size: 16px;
&::placeholder {
color: lighten($darker-text-color, 4%);
}
&::-moz-focus-inner {
border: 0;
}
&::-moz-focus-inner,
&:focus,
&:active {
outline: 0 !important;
}
&:focus {
background: lighten($ui-base-color, 4%);
}
@media screen and (max-width: 600px) {
font-size: 16px;
}
} }
.search__icon { .search__icon {

View file

@ -329,6 +329,10 @@ code {
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
&::placeholder {
color: lighten($darker-text-color, 4%);
}
&:invalid { &:invalid {
box-shadow: none; box-shadow: none;
} }