UX: Add hover style to refresh-page dismiss button (#15711)

Also fixes icon size and position
This commit is contained in:
Jarek Radosz 2022-02-01 20:04:46 +01:00 committed by GitHub
parent 2e74f1dd28
commit 82a46beecb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -22,6 +22,12 @@
.update-prompt-message { .update-prompt-message {
cursor: pointer; cursor: pointer;
padding: 0.75em 0; padding: 0.75em 0;
.d-icon {
margin-right: 0.33em;
font-size: 0.9em;
}
span { span {
text-decoration: underline; text-decoration: underline;
} }
@ -35,17 +41,15 @@
span { span {
cursor: pointer; cursor: pointer;
display: inline;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: 20px; padding-left: 20px;
}
}
.d-icon { &:hover {
margin-right: 0.33em; color: var(--tertiary-hover);
font-size: 0.9em; }
}
} }
&.require-software-refresh { &.require-software-refresh {