atagen

malice

public
Star0
Fork0
Watch0
66 commits2 branches0 tags0 releases4.4 MiB

Commit e8b4da01b15c

tarball

atagen <boss@atagen.co>2026-10-25 07:12 UTC

1 file changed+9-7
layout: align account badge with rail
web/src/app.css+9−7
@@ -223,7 +223,7 @@ input, textarea { font: inherit; }
223223 .app > .chat-head { grid-column: 1 / -1; grid-row: 1; }
224224 .app > .rail { grid-column: 1; grid-row: 2; }
225225 .app > .sidebar { grid-column: 2; grid-row: 2; }
226-.app > .account { grid-column: 1 / 3; grid-row: 3; }
226+.app > .account { grid-column: 1; grid-row: 3; }
227227 .app > .chat { grid-column: 3; grid-row: 2 / 4; }
228228 .app > .members { grid-column: 4; grid-row: 2 / 4; }
229229 .app > .rail, .app > .sidebar, .app > .members {
@@ -252,6 +252,7 @@ input, textarea { font: inherit; }
252252 align-items: center;
253253 gap: 10px;
254254 padding: 10px 0;
255+ min-height: 0;
255256 overflow-y: auto;
256257 }
257258 .rail-sep { flex: none; width: 24px; height: 1px; background: var(--border); }
@@ -443,11 +444,11 @@ input, textarea { font: inherit; }
443444 .me-names { min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
444445 .me-name { font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
445446 .account-actions { flex: none; display: flex; gap: 2px; }
446-.app.nav-folded .account { padding-right: 0; }
447-.app.nav-folded .account .me-names, .app.nav-folded .account-actions { display: none; }
447+.app.rail-folded.nav-folded .account { padding-right: 0; }
448+.app.rail-folded.nav-folded .account .me-names, .app.rail-folded.nav-folded .account-actions { display: none; }
448449 @media (min-width: 1101px) {
449450 .app.nav-folded > .rail { grid-row: 2 / 4; }
450- .app.nav-folded > .account {
451+ .app.rail-folded.nav-folded > .account {
451452 grid-column: 3;
452453 justify-self: start;
453454 z-index: 2;
@@ -455,7 +456,7 @@ input, textarea { font: inherit; }
455456 border: none;
456457 background: none;
457458 }
458- .app.nav-folded .composer { padding-left: 48px; }
459+ .app.rail-folded.nav-folded .composer { padding-left: 48px; }
459460 }
460461 .me-avatar {
461462 flex: none;
@@ -993,7 +994,7 @@ input, textarea { font: inherit; }
993994 .app { --side-w: var(--side-open, 260px); }
994995 .app:not(.nav-folded) .account .me-names,
995996 .app:not(.nav-folded) .account-actions { display: flex; }
996- .app.nav-folded > .account {
997+ .app.rail-folded.nav-folded > .account {
997998 grid-column: 3;
998999 justify-self: start;
9991000 z-index: 2;
@@ -1001,7 +1002,7 @@ input, textarea { font: inherit; }
10011002 border: none;
10021003 background: none;
10031004 }
1004- .app.nav-folded .composer { padding-left: 48px; }
1005+ .app.rail-folded.nav-folded .composer { padding-left: 48px; }
10051006 .app.rail-folded { --rail-w: 0px; }
10061007 .app.rail-folded > .rail { visibility: hidden !important; }
10071008 .app > .sidebar {
@@ -1016,6 +1017,7 @@ input, textarea { font: inherit; }
10161017 }
10171018 .app > .sidebar > * { min-width: var(--side-open, 260px); }
10181019 .app.nav-folded > .sidebar { visibility: hidden !important; transition: visibility 0s linear 0.22s; }
1020+ .app.nav-folded > .rail { grid-row: 2 / 4; }
10191021 .scrim { display: none; }
10201022 .app > .members {
10211023 position: relative;