summaryrefslogtreecommitdiff |
diff options
-rw-r--r-- | src/battlemap/www/style.css | 27 |
1 files changed, 17 insertions, 10 deletions
diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css index 358c261..2ac4f39 100644 --- a/src/battlemap/www/style.css +++ b/src/battlemap/www/style.css @@ -172,7 +172,7 @@ overflow: hidden; } -.battlemap-character-portrait:hover +.battlemap-character-portrait { cursor: pointer; } @@ -250,31 +250,39 @@ .battlemap-gauge { + position: relative; border-radius: 5px; border: 2px solid #6C5D53; text-align: center; + height: 1.5em; } .battlemap-gauge-text { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 1; + display: flex; flex-direction: column; align-items: center; justify-content: center; - line-height: 24px; - position: relative; - height: inherit; - z-index: 1; - width: inherit; } .battlemap-gauge-bar { - position: relative; - height: inherit; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 0; + border-radius: 5px; z-index: 0; - top: -100%; transition: width 3s ease-in-out; } @@ -283,7 +291,6 @@ { grid-column: col 2; grid-row: row 2; - height: 100%; } .battlemap-character-card-health > .battlemap-gauge-bar |