luna/mastodon
0
0
Fork 0
mirror of https://github.com/lunaisnotaboy/mastodon.git synced 2024-11-06 23:14:57 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/javascript/flavours/glitch/styles/_mixins.scss
View file

@ -62,24 +62,6 @@
color: $darker-text-color;
font-size: 14px;
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() {

22
app/javascript/flavours/glitch/styles/components/accounts.scss
View file

@ -245,6 +245,28 @@
.column-select {
&__control {
@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 {

8
app/javascript/flavours/glitch/styles/components/composer.scss
View file

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

22
app/javascript/flavours/glitch/styles/components/search.scss
View file

@ -10,6 +10,28 @@
padding-right: 30px;
line-height: 18px;
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 {

4
app/javascript/flavours/glitch/styles/forms.scss
View file

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