eclipse/sr2ini
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

fixed a bug that would create uneven spacing between damage buttons; also, focussed damage buttons are now pulsating

Browse Source
This commit is contained in:
Tobias 2023-09-12 22:35:45 +02:00
parent f1c16da7e4
commit 1ed213c9fa
1 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/css/sr2ini.scss
View File

@ -172,10 +172,8 @@ body {
button { font-family: Electrolize; } button { font-family: Electrolize; }
button:focus { //button:focus {
filter: brightness(150%) !important; //}
outline: none;
}
.sr2-button { .sr2-button {
background: transparent; background: transparent;
@ -198,6 +196,8 @@ button:focus {
&:focus { &:focus {
border: .1rem solid $bg !important; border: .1rem solid $bg !important;
box-shadow: 0 0 .3rem $bg-bright, 0 0 .6rem $bg, 0 0 1.2rem $bg-dark !important; box-shadow: 0 0 .3rem $bg-bright, 0 0 .6rem $bg, 0 0 1.2rem $bg-dark !important;
filter: brightness(150%) !important;
outline: none;
} }
&:disabled { &:disabled {
@ -395,7 +395,7 @@ header.navbar {
--aug-inlay-bg: rgba(0, 0, 0, .5); --aug-inlay-bg: rgba(0, 0, 0, .5);
--aug-border-opacity: .75; --aug-border-opacity: .75;
padding-top: .7remx; padding-top: .7rem;
padding-bottom: .7rem; padding-bottom: .7rem;
position: absolute; position: absolute;
z-index: 200; z-index: 200;
@ -418,6 +418,8 @@ header.navbar {
.damage-monitor { .damage-monitor {
padding: .5rem; padding: .5rem;
td { padding: .1rem; }
button { button {
border: none; border: none;
border-radius: 0; border-radius: 0;
@ -432,6 +434,19 @@ header.navbar {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
&:focus {
outline: none;
animation: .6s alternate ease-in-out infinite pulse;
animation-delay: -.3s;
}
@keyframes pulse {
from { filter: brightness(.85) }
50% { filter: brightness(1); }
to { filter: brightness(1.15); }
}
} }
.damage-stun { .damage-stun {