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

This commit is contained in:
Tobias 2023-09-12 22:35:45 +02:00
parent f1c16da7e4
commit 1ed213c9fa

View File

@ -172,10 +172,8 @@ body {
button { font-family: Electrolize; }
button:focus {
filter: brightness(150%) !important;
outline: none;
}
//button:focus {
//}
.sr2-button {
background: transparent;
@ -198,6 +196,8 @@ button:focus {
&:focus {
border: .1rem solid $bg !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 {
@ -395,7 +395,7 @@ header.navbar {
--aug-inlay-bg: rgba(0, 0, 0, .5);
--aug-border-opacity: .75;
padding-top: .7remx;
padding-top: .7rem;
padding-bottom: .7rem;
position: absolute;
z-index: 200;
@ -418,6 +418,8 @@ header.navbar {
.damage-monitor {
padding: .5rem;
td { padding: .1rem; }
button {
border: none;
border-radius: 0;
@ -432,6 +434,19 @@ header.navbar {
height: 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 {