mstdn.y-zu.org/mastodon
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix transition and shadow

Browse Source
This commit is contained in:
Rintan 2020-10-02 15:13:18 +09:00
parent f417d634e7
commit 5fababa870
6 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/javascript/styles/mastodon-material-dark/theme/button.scss
View File

@ -39,11 +39,12 @@
} }
&:hover { &:hover {
@include material-transition;
color: $icon-button-hover-color; color: $icon-button-hover-color;
background-color: $icon-bg-hover-color; background-color: $icon-bg-hover-color;
} }
&:focus { transition: none } &:focus { background-color: transparent }
} }
// Checkbox with label // Checkbox with label

3
app/javascript/styles/mastodon-material-light/theme/button.scss
View File

@ -39,11 +39,12 @@
} }
&:hover { &:hover {
@include material-transition;
color: $icon-button-hover-color; color: $icon-button-hover-color;
background-color: $icon-bg-hover-color; background-color: $icon-bg-hover-color;
} }
&:focus { transition: none } &:focus { background-color: transparent }
} }
// Checkbox with label // Checkbox with label

3
app/javascript/styles/material-black/theme/button.scss
View File

@ -39,11 +39,12 @@
} }
&:hover { &:hover {
@include material-transition;
color: $icon-button-hover-color; color: $icon-button-hover-color;
background-color: $icon-bg-hover-color; background-color: $icon-bg-hover-color;
} }
&:focus { transition: none } &:focus { background-color: transparent }
} }
// Checkbox with label // Checkbox with label

3
app/javascript/styles/material-dark/theme/button.scss
View File

@ -39,11 +39,12 @@
} }
&:hover { &:hover {
@include material-transition;
color: $icon-button-hover-color; color: $icon-button-hover-color;
background-color: $icon-bg-hover-color; background-color: $icon-bg-hover-color;
} }
&:focus { transition: none } &:focus { background-color: transparent }
} }
// Checkbox with label // Checkbox with label

3
app/javascript/styles/material-light/theme/button.scss
View File

@ -39,11 +39,12 @@
} }
&:hover { &:hover {
@include material-transition;
color: $icon-button-hover-color; color: $icon-button-hover-color;
background-color: $icon-bg-hover-color; background-color: $icon-bg-hover-color;
} }
&:focus { transition: none } &:focus { background-color: transparent }
} }
// Checkbox with label // Checkbox with label

3
app/javascript/styles/plus/theme/button.scss
View File

@ -39,11 +39,12 @@
} }
&:hover { &:hover {
@include material-transition;
color: $icon-button-hover-color; color: $icon-button-hover-color;
background-color: $icon-bg-hover-color; background-color: $icon-bg-hover-color;
} }
&:focus { transition: none } &:focus { background-color: transparent }
} }
// Checkbox with label // Checkbox with label