alex/yomichan
1
Fork 0
Code Releases Activity

Fix various issues with some styles (#1176)

Browse Source
This commit is contained in:
toasted-nutbread 2020-12-29 21:52:04 -05:00 committed by GitHub
parent 773d67e75a
commit 38709e2191
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ext/mixed/css/display.css
View File

@ -537,6 +537,8 @@ button.sidebar-button.danger:hover .sidebar-button-icon {
flex-flow: row nowrap; flex-flow: row nowrap;
float: right; float: right;
margin: -0.25em; margin: -0.25em;
position: relative;
z-index: 1;
} }
.actions::after { .actions::after {
clear: both; clear: both;
@ -552,6 +554,7 @@ button.action-button {
padding: var(--action-button-padding); padding: var(--action-button-padding);
background: transparent; background: transparent;
font-size: inherit; font-size: inherit;
box-shadow: none;
transition: transition:
opacity var(--animation-duration) linear, opacity var(--animation-duration) linear,
visibility 0s linear 0s, visibility 0s linear 0s,
@ -580,11 +583,14 @@ button.action-button:disabled {
button.action-button:disabled:not([hidden]) { button.action-button:disabled:not([hidden]) {
opacity: 0.25; opacity: 0.25;
} }
button.action-button:hover { button.action-button:hover,
button.action-button:focus {
background-color: transparent; background-color: transparent;
box-shadow: none;
} }
button.action-button:active { button.action-button:active {
background-color: var(--action-button-active-color); background-color: var(--action-button-active-color);
box-shadow: none;
} }
button.action-button::before { button.action-button::before {
content: ""; content: "";

10
ext/mixed/css/material.css
View File

@ -174,8 +174,8 @@
.icon[data-icon=hamburger-menu] { --icon-image: url(/mixed/img/hamburger-menu.svg); } .icon[data-icon=hamburger-menu] { --icon-image: url(/mixed/img/hamburger-menu.svg); }
.icon[data-icon=kebab-menu] { --icon-image: url(/mixed/img/kebab-menu.svg); } .icon[data-icon=kebab-menu] { --icon-image: url(/mixed/img/kebab-menu.svg); }
.icon[data-icon=mouse] { --icon-image: url(/mixed/img/mouse.svg); } .icon[data-icon=mouse] { --icon-image: url(/mixed/img/mouse.svg); }
.icon[data-icon=material-down-arrow] { --icon-image: url(/mixed/img/material-down-arrow.svg); } .icon[data-icon=material-down-arrow] { --icon-image: url(/mixed/img/material-down-arrow.svg); --icon-size: var(--material-arrow-dimension2) var(--material-arrow-dimension1); }
.icon[data-icon=material-right-arrow] { --icon-image: url(/mixed/img/material-right-arrow.svg); } .icon[data-icon=material-right-arrow] { --icon-image: url(/mixed/img/material-right-arrow.svg); --icon-size: var(--material-arrow-dimension1) var(--material-arrow-dimension2); }
.icon[data-icon=exclamation-point-short] { --icon-image: url(/mixed/img/exclamation-point-short.svg); } .icon[data-icon=exclamation-point-short] { --icon-image: url(/mixed/img/exclamation-point-short.svg); }
.icon[data-icon=magnifying-glass] { --icon-image: url(/mixed/img/magnifying-glass.svg); } .icon[data-icon=magnifying-glass] { --icon-image: url(/mixed/img/magnifying-glass.svg); }
.icon[data-icon=collapse] { --icon-image: url(/mixed/img/collapse.svg); } .icon[data-icon=collapse] { --icon-image: url(/mixed/img/collapse.svg); }
@ -753,6 +753,12 @@ button.input-suffix-button.input-suffix-icon-button:focus {
button.input-suffix-button.input-suffix-icon-button:active { button.input-suffix-button.input-suffix-icon-button:active {
background-color: var(--input-background-color-darker); background-color: var(--input-background-color-darker);
} }
button.input-suffix-button.input-suffix-icon-button>.icon {
display: block;
width: 100%;
height: 100%;
background-color: var(--button-icon-color);
}
input[type=text]:invalid+button.input-suffix-button, input[type=text]:invalid+button.input-suffix-button,
input[type=number]:invalid+button.input-suffix-button, input[type=number]:invalid+button.input-suffix-button,
input[type=text][data-invalid=true]+button.input-suffix-button, input[type=text][data-invalid=true]+button.input-suffix-button,

3
ext/mixed/css/search.css
View File

@ -108,8 +108,7 @@ h1 {
cursor: pointer; cursor: pointer;
outline: none; outline: none;
transition: background-color var(--animation-duration) ease-in-out; transition: background-color var(--animation-duration) ease-in-out;
border-top-left-radius: 0; border-radius: 0;
border-bottom-left-radius: 0;
} }
#search-button:hover, #search-button:hover,
#search-button:focus { #search-button:focus {