fix(ui): tabeller pakkes i .wt-table-wrap (standardkomponent i base.html), portal.css cache-bustes
Rettelsen i v1.5.2 nåede ikke telefonen, fordi /static/portal.css ikke sendes med Cache-Control og Safari cacher heuristisk; nu ?v=<mtime>. Og i stedet for en media-query på selve tabellen pakker base.html enhver tabel i hovedindholdet (også injiceret) i et rulleområde, så bredt indhold aldrig skubber siden ud over kanten, uanset skærmbredde. Claude-Session: https://claude.ai/code/session_01JmhJG6JnhXfzNiKv8f2vHu
This commit is contained in:
+6
-7
@@ -174,11 +174,10 @@ th { color:var(--muted); font-weight:600; font-size:.8rem; text-transform:upperc
|
||||
.ucard.hidden { display:none; }
|
||||
|
||||
|
||||
/* Tabeller og andet bredt indhold må aldrig give siden vandret scroll på en telefon.
|
||||
Standard for alle sider: på smalle skærme bliver en tabel sit eget rulleområde,
|
||||
og lange ord/nøgler brydes. (Ops-siden har desuden sin egen kort-visning.) */
|
||||
/* Tabeller og andet bredt indhold må aldrig give siden vandret scroll.
|
||||
base.html pakker hver tabel i .wt-table-wrap (standardkomponent, også for injiceret indhold):
|
||||
tabellen ruller i sit eget område. Lange ord/nøgler uden for tabeller brydes. */
|
||||
.wt-main { overflow-wrap: anywhere; min-width: 0; }
|
||||
@media (max-width: 760px) {
|
||||
.wt-main table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
|
||||
.wt-main table td, .wt-main table th { overflow-wrap: normal; }
|
||||
}
|
||||
.wt-table-wrap { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
|
||||
.wt-table-wrap > table { margin-top: 0; }
|
||||
.wt-table-wrap table td, .wt-table-wrap table th { overflow-wrap: normal; }
|
||||
|
||||
Reference in New Issue
Block a user