namekuji/chuckya
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[Glitch] Fix color of show more link in report dialog in web UI

Browse source 
Port 69f9dc4f4e to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Eugen Rochko 2022-03-22 06:08:05 +01:00 committed by Claire
parent 276b26b614
commit 6391a869ae
2 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/javascript/flavours/glitch/styles/components/modal.scss
View file

@ -609,6 +609,15 @@
color: $inverted-text-color; color: $inverted-text-color;
} }
.status__content__spoiler-link {
color: $primary-text-color;
background: $ui-primary-color;
&:hover {
background: lighten($ui-primary-color, 8%);
}
}
.dialog-option .poll__input { .dialog-option .poll__input {
border-color: $inverted-text-color; border-color: $inverted-text-color;
color: $ui-secondary-color; color: $ui-secondary-color;

10
app/javascript/flavours/glitch/styles/components/status.scss
View file

@ -198,7 +198,8 @@
.status__content__spoiler-link { .status__content__spoiler-link {
background: lighten($ui-base-color, 30%); background: lighten($ui-base-color, 30%);
&:hover { &:hover,
&:focus {
background: lighten($ui-base-color, 33%); background: lighten($ui-base-color, 33%);
text-decoration: none; text-decoration: none;
} }
@ -222,13 +223,13 @@
background: lighten($ui-base-color, 30%); background: lighten($ui-base-color, 30%);
border: 0; border: 0;
color: $inverted-text-color; color: $inverted-text-color;
font-weight: 500; font-weight: 700;
font-size: 11px; font-size: 11px;
padding: 0 5px; padding: 0 5px;
text-transform: uppercase; text-transform: uppercase;
line-height: inherit; line-height: inherit;
cursor: pointer; cursor: pointer;
vertical-align: bottom; vertical-align: top;
&:hover { &:hover {
background: lighten($ui-base-color, 33%); background: lighten($ui-base-color, 33%);
@ -760,7 +761,8 @@ a.status__display-name,
background: $ui-base-lighter-color; background: $ui-base-lighter-color;
color: $inverted-text-color; color: $inverted-text-color;
&:hover { &:hover,
&:focus {
background: lighten($ui-base-color, 29%); background: lighten($ui-base-color, 29%);
text-decoration: none; text-decoration: none;
} }