- commit
- ffc9de61c2c3f6f7232bf2bf42d3b9b5c49160cd
- parent
- f78625aab5f9fd5916597a99d50c171ab31e9c94
- author
- Dami <dami.etoile@gmail.com>
| M | web/ | 20 | +++++++++++++++++--- |
@@ -66,7 +66,12 @@
6666 }6767 6868 button.pool-item {69- display: block;69+ /* icon column + two text lines: icon spans both rows, title gets the width */70+ display: grid;71+ grid-template-columns: auto minmax(0, 1fr);72+ grid-template-rows: auto auto;73+ column-gap: 0.5rem;74+ align-items: center;7075 width: 100%;7176 text-align: left;7277 text-transform: none;@@ -75,10 +80,20 @@ button.pool-item {
7580 border: 1px solid var(--border-dim);7681 padding: 0.28rem 0.5rem 0.24rem;7782 }83+button.pool-item .identicon { grid-row: 1 / 3; }7884 button.pool-item:hover:not(:disabled) { border-color: var(--accent); }79-.pool-item-label { display: block; font-size: 1.1rem; }85+.pool-item-label {86+ display: block;87+ font-size: 1.1rem;88+ grid-column: 2;89+ min-width: 0;90+ overflow: hidden;91+ text-overflow: ellipsis;92+ white-space: nowrap;93+}8094 .pool-item-sub {8195 display: block;96+ grid-column: 2;8297 color: var(--text-dim);8398 font-size: 0.92rem;8499 letter-spacing: 0.03em;@@ -194,7 +209,6 @@ button.roster-slot:hover .slot-x { color: var(--danger); }
194209 }195210 196211 /* Identicons woven through pools, roster, and the sims list */197-.pool-item .identicon { margin-right: 0.45em; }198212 .roster-slot .identicon { margin: 0 0.35em; }199213 td.sim-parts .sim-part { display: inline-flex; align-items: center; margin-right: 0.8em; white-space: nowrap; }200214 td.sim-parts .identicon { margin-right: 0.35em; }