fedi/mastodon
1
0
Fork 1
mirror of https://github.com/mastodon/mastodon.git synced 2024-11-18 20:39:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix placeholder colors for inputs not being explicitly defined (#11890)

Browse source 
Fix #11841
This commit is contained in:
Eugen Rochko 2019-09-19 19:58:40 +02:00 committed by GitHub
parent 129bc871a0
commit b6df9c1067
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 52 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/javascript/styles/mastodon/_mixins.scss
View file

@ -22,24 +22,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 {

48
app/javascript/styles/mastodon/components.scss
View file

@ -421,6 +421,10 @@
border: 0;
outline: 0;
&::placeholder {
color: $dark-text-color;
}
&:focus {
outline: 0;
}
@ -3533,6 +3537,28 @@ a.status-card.compact:hover {
.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 {
@ -4046,6 +4072,28 @@ a.status-card.compact:hover {
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/styles/mastodon/forms.scss
View file

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