herryyun/ark-stronghold-protocol
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Briefing: list an alliance's banned operators in a box beside its tooltip (#484)

Browse Source
This commit is contained in:
Yuri Restia committed 2026-10-11 13:08:19 +07:00
1 parent bc50cac01f
commit f7be28331c
5 files changed
+79 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/css/components.css
+1
View File
@@ -508,6 +508,7 @@
white-space: pre-line;
}
.tooltip.is-shown { opacity: 1; }
.tooltip--aside { max-width: 3.2rem; white-space: normal; }
.tooltip--top.is-shown { animation: tip-up var(--t-fast) var(--ease-out); }
.tooltip--bottom.is-shown { animation: tip-down var(--t-fast) var(--ease-out); }
@keyframes tip-up { from { transform: translateY(4px); } }
public/css/screens/briefing.css
+9
View File
@@ -81,6 +81,15 @@
.brief-bond__ban { position: absolute; top: -.04rem; right: .08rem; display: inline-flex; align-items: center; gap: .01rem; font-size: calc(.12 * var(--t)); font-weight: 700; padding: 0 .05rem; background: var(--red); color: #fff; line-height: 1.5; box-shadow: 0 0 0 1px #000; }
.brief-bond__ban .icon { width: .12rem; height: .12rem; }
.brief-bond.is-partial .bond__core { box-shadow: 0 0 0 2px rgba(255, 84, 84, .5); }
/* the box beside a bond's tooltip (matchInfo.js BondBannedAside): its banned members with avatar, name and bonds */
.brief-bantip { display: flex; flex-direction: column; gap: .06rem; }
.brief-bantip__h { font-size: calc(.12 * var(--t)); font-weight: 700; letter-spacing: .06em; color: var(--red); }
.brief-bantip__op { display: flex; align-items: center; gap: .08rem; }
.brief-bantip__op .uthumb { flex: none; }
.brief-bantip__txt { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.brief-bantip__txt b { font-size: calc(.14 * var(--t)); color: var(--text-hi); }
.brief-bantip__txt > span { font-size: calc(.12 * var(--t)); color: var(--text-lo); }
.brief-bantip__txt .is-this { color: var(--mint-400); }
.brief-legend { display: flex; align-items: center; gap: .08rem; flex-wrap: wrap; font-size: calc(.14 * var(--t)); color: var(--text-dim); margin-top: -.06rem; }
.brief-legend__off { width: .16rem; height: .16rem; border-radius: 50%; background: #3a403d; border: 2px solid #555; }
.brief-legend__ban { display: inline-grid; place-items: center; width: .2rem; height: .18rem; background: var(--red); color: #fff; }