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:
@@ -45,6 +45,9 @@ html, body {
|
|||||||
.m-nav.active { color: #fff; background: #1d2230; border-left-color: #c0392b; }
|
.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; }
|
.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 {
|
.m-bar {
|
||||||
flex: none; display: flex; gap: 8px; padding: 8px;
|
flex: none; display: flex; gap: 8px; padding: 8px;
|
||||||
|
|||||||
Reference in New Issue
Block a user