Release Healer Man 0.1.9
This commit is contained in:
phenom committed
1 parent
c245a199b6
commit
d060296ade
74 files changed
+5901
-334
No files matched your search
+45
-6
@@ -758,6 +758,8 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
text-align: right;
|
||||
text-shadow: 0 1px 2px #000, 0 0 3px #000;
|
||||
}
|
||||
.timed-effect--inspectable { cursor: help; transition: border-color 100ms ease, filter 100ms ease, transform 100ms ease; }
|
||||
.timed-effect--inspectable:hover, .timed-effect--inspectable:focus-visible { z-index: 2; border-color: #f4dd8c; outline: 1px solid rgba(244,221,140,.58); filter: brightness(1.16); transform: translateY(-1px); }
|
||||
.timed-effect-strip--party { min-height: 16px; margin-top: 1px; }
|
||||
.timed-effect-strip--party .timed-effect { width: 16px; height: 16px; }
|
||||
.timed-effect-strip--party .timed-effect__timer { font-size: 6px; line-height: 7px; }
|
||||
@@ -774,6 +776,8 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
.aura__initial { font: 700 11px/1 var(--font-ui); text-shadow: 0 1px 2px #000; }
|
||||
.aura__timer { position: absolute; right: 1px; bottom: 0; font: 700 7px/8px var(--font-ui); text-shadow: 0 1px 2px #000; }
|
||||
.aura__stacks { position: absolute; right: 1px; top: 0; font: 700 8px/8px var(--font-ui); color: #fff4b8; text-shadow: 0 1px 2px #000; }
|
||||
.aura--inspectable { cursor: help; transition: border-color 100ms ease, filter 100ms ease, transform 100ms ease; }
|
||||
.aura--inspectable:hover, .aura--inspectable:focus-visible { z-index: 2; border-color: #f4dd8c; outline: 1px solid rgba(244,221,140,.58); filter: brightness(1.16); transform: translateY(-1px); }
|
||||
.aura-strip--target { justify-content: center; margin-top: 3px; }
|
||||
.aura-strip--party { min-height: 16px; margin-top: 1px; }
|
||||
.aura-strip--party .aura { width: 16px; height: 16px; }
|
||||
@@ -788,11 +792,23 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
.party-command-bar strong { min-width: 0; overflow: hidden; font-size: 7px; letter-spacing: .03em; text-overflow: ellipsis; text-transform: uppercase; }
|
||||
.party-command-bar kbd { flex: 0 0 auto; padding: 1px 3px; border: 1px solid rgba(230,213,147,.2); border-radius: 3px; background: rgba(0,0,0,.35); color: #dfcf91; font-size: 6px; }
|
||||
|
||||
.hud-minimap {
|
||||
.hud-top-right {
|
||||
position: absolute;
|
||||
top: max(10px, env(safe-area-inset-top));
|
||||
right: max(12px, env(safe-area-inset-right));
|
||||
display: grid;
|
||||
width: 154px;
|
||||
min-width: 0;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
justify-items: stretch;
|
||||
gap: 6px;
|
||||
pointer-events: none;
|
||||
scale: var(--game-ui-scale, 1);
|
||||
transform-origin: top right;
|
||||
}
|
||||
.hud-minimap {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
pointer-events: auto;
|
||||
}
|
||||
@@ -818,6 +834,28 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
.hud-minimap__caption strong { font: 600 11px Georgia, serif; }
|
||||
.hud-minimap__caption span { margin-top: 2px; color: var(--muted); font-size: 7px; }
|
||||
|
||||
.player-status-panel { position: relative; display: grid; width: 100%; min-width: 0; gap: 4px; pointer-events: auto; }
|
||||
.player-status-panel__section { padding: 4px; border: 1px solid rgba(164,202,137,.24); border-radius: 5px 2px 7px 2px; background: linear-gradient(105deg, rgba(5,15,11,.92), rgba(12,29,20,.84)); box-shadow: 0 5px 16px rgba(0,0,0,.3); backdrop-filter: blur(5px); }
|
||||
.player-status-panel__section--debuffs { border-color: rgba(219,112,94,.28); background: linear-gradient(105deg, rgba(29,10,10,.91), rgba(22,15,13,.86)); }
|
||||
.player-status-panel__section > header { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-bottom: 3px; color: #c7d8b8; font-size: 6px; letter-spacing: .11em; text-transform: uppercase; }
|
||||
.player-status-panel__section--debuffs > header { color: #e7b09e; }
|
||||
.player-status-panel__section > header b { display: grid; min-width: 13px; height: 13px; place-items: center; border-radius: 7px; background: rgba(135,176,107,.16); color: #e5efdb; font-size: 6px; }
|
||||
.player-status-panel__section--debuffs > header b { background: rgba(205,94,77,.16); color: #ffd2c2; }
|
||||
.player-status-panel__icons { display: flex; min-height: 22px; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 3px; }
|
||||
.player-status-panel__strip { display: contents; }
|
||||
.player-status-panel__empty { align-self: center; color: rgba(177,192,166,.62); font-size: 6px; letter-spacing: .05em; text-transform: uppercase; }
|
||||
.player-status-panel__section--debuffs .player-status-panel__empty { color: rgba(211,166,151,.6); }
|
||||
.player-status-panel__synthetic { flex: 0 0 auto; }
|
||||
.player-status-panel__synthetic .aura__timer:empty { display: none; }
|
||||
.player-status-tooltip { position: absolute; top: calc(100% + 6px); right: 0; z-index: 30; width: min(250px, calc(100vw - 24px)); padding: 8px 9px; border: 1px solid rgba(190,218,157,.42); border-radius: 7px 2px 9px 2px; background: linear-gradient(145deg, rgba(8,21,14,.98), rgba(3,10,7,.98)); box-shadow: 0 12px 30px rgba(0,0,0,.58), inset 0 0 18px rgba(122,176,91,.06); color: #e9efe2; text-align: left; pointer-events: none; }
|
||||
.player-status-tooltip--debuff { border-color: rgba(228,122,101,.5); background: linear-gradient(145deg, rgba(35,12,11,.98), rgba(12,7,7,.98)); }
|
||||
.player-status-tooltip > header { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
|
||||
.player-status-tooltip > header strong { font: 600 11px Georgia, serif; }
|
||||
.player-status-tooltip > header span { color: #9ece87; font-size: 7px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
|
||||
.player-status-tooltip--debuff > header span { color: #ef9b86; }
|
||||
.player-status-tooltip p { margin: 5px 0 7px; color: #c3cebb; font-size: 8px; line-height: 1.42; }
|
||||
.player-status-tooltip footer { display: flex; flex-wrap: wrap; gap: 3px 7px; padding-top: 5px; border-top: 1px solid rgba(200,220,177,.12); color: #dfcb83; font-size: 7px; text-transform: capitalize; }
|
||||
|
||||
.hud-bottom-stack {
|
||||
position: absolute;
|
||||
bottom: max(22px, calc(env(safe-area-inset-bottom) + 16px));
|
||||
@@ -919,9 +957,8 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
.cast-bar__track { height: 9px; margin-top: 5px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 5px; background: rgba(0,0,0,.7); }
|
||||
.cast-bar__track span { display: block; height: 100%; background: linear-gradient(90deg, #c39a47, #f2dc80); box-shadow: 0 0 9px rgba(240,210,111,.42); transition: width 80ms linear; }
|
||||
.cast-bar--channel .cast-bar__track span { background: linear-gradient(90deg, #7551a9, #bc8be2); }
|
||||
.player-frame, .hud-minimap, .target-frame { scale: var(--game-ui-scale, 1); }
|
||||
.player-frame, .target-frame { scale: var(--game-ui-scale, 1); }
|
||||
.player-frame { transform-origin: top left; }
|
||||
.hud-minimap { transform-origin: top right; }
|
||||
.target-frame { transform-origin: top center; }
|
||||
.action-slot__icon img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
|
||||
|
||||
@@ -1302,7 +1339,7 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
.player-frame__portrait { height: 48px; }
|
||||
.party-frames { top: max(91px, calc(env(safe-area-inset-top) + 79px)); width: 194px; }
|
||||
.party-frame--player { display: none; }
|
||||
.hud-minimap { width: 124px; }
|
||||
.hud-top-right { width: 124px; }
|
||||
.hud-minimap__map { width: 108px; height: 108px; }
|
||||
.spellbook-panel__layout { grid-template-columns: 1fr; }
|
||||
.spellbook-panel__details { display: none; }
|
||||
@@ -1337,9 +1374,11 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
.party-frame { min-height: 34px; grid-template-columns: 25px minmax(0,1fr); padding: 3px 4px; }
|
||||
.party-frame__sigil { width: 23px; height: 23px; }
|
||||
.party-frame__identity small { display: none; }
|
||||
.hud-minimap { right: 7px; width: 94px; }
|
||||
.hud-top-right { right: 7px; width: 94px; }
|
||||
.hud-minimap__map { width: 86px; height: 86px; }
|
||||
.hud-minimap__caption { display: none; }
|
||||
.player-status-panel__section { padding: 3px; }
|
||||
.player-status-tooltip { width: min(220px, 68vw); }
|
||||
.hud-bottom-stack > .action-bar { width: min(360px, calc(100vw - 18px)); }
|
||||
.hud-bottom-stack > .control-hint { max-width: min(360px, calc(100vw - 18px)); }
|
||||
.action-bar { --action-slot-size: 36px; width: calc(100vw - 12px); }
|
||||
@@ -1379,7 +1418,7 @@ kbd { color: var(--moss-bright); font: inherit; font-size: 0.64rem; }
|
||||
|
||||
@media (max-height: 560px) {
|
||||
.player-frame { top: 7px; left: 7px; transform: scale(.88); transform-origin: top left; }
|
||||
.hud-minimap { top: 6px; right: 7px; transform: scale(.86); transform-origin: top right; }
|
||||
.hud-top-right { top: 6px; right: 7px; transform: scale(.86); transform-origin: top right; }
|
||||
.hud-bottom-stack > .action-bar { width: min(360px, calc(100vw - 18px)); }
|
||||
.hud-bottom-stack > .control-hint { max-width: min(440px, calc(100vw - 18px)); }
|
||||
.action-bar { --action-slot-size: 36px; bottom: 19px; width: min(360px, calc(100vw - 18px)); }
|
||||
|
||||
Reference in new issue
Block a user