mobile: fix both modes showing at once (hidden view not hidden)

[hidden] sets display:none, but .m-view{display:flex} has equal
specificity and comes later, so it overrode the hidden attribute and
both #view-live and #view-arch rendered together. Add
.m-view[hidden]{display:none} so the inactive mode is actually hidden.

VERSION 0.0.152 -> 0.0.153

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-01 23:59:07 +05:00
parent c408fcbe92
commit cfb125784d
2 changed files with 4 additions and 1 deletions
+1 -1
View File
@@ -1 +1 @@
0.0.152
0.0.153
+3
View File
@@ -45,6 +45,9 @@ html, body {
.m-nav.active { color: #fff; background: #1d2230; border-left-color: #c0392b; }
.m-view { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
/* hidden-атрибут должен реально скрывать режим: иначе display:flex (та же специфичность,
но идёт позже) перебивает [hidden]{display:none} и оба режима видны разом */
.m-view[hidden] { display: none; }
.m-bar {
flex: none; display: flex; gap: 8px; padding: 8px;