og
. Kolonner uten data-etikett vises uten
forhåndstekst (typisk en handlingskolonne der lenketeksten alt forklarer
seg selv).
========================================================================= */
@media (max-width: 782px) {
.rt-tabell-mobil,
.rt-tabell-mobil tbody,
.rt-tabell-mobil tr,
.rt-tabell-mobil th,
.rt-tabell-mobil td {
display: block;
width: auto !important; /* løser opp de låste px-breddene — skrivebordet beholder dem, de sitter i egen media-regel */
}
.rt-tabell-mobil thead {
display: none; /* kolonnenavnene kommer tilbake som data-etikett foran hver verdi */
}
.rt-tabell-mobil tbody tr {
margin-bottom: 12px;
border: 1px solid var(--rt-adm-kant);
border-radius: 4px;
padding: 8px 10px;
}
.rt-tabell-mobil td {
padding: 4px 0;
border: none;
}
.rt-tabell-mobil td[data-etikett]::before {
content: attr(data-etikett) ": ";
font-weight: 600;
color: var(--rt-adm-dempet);
}
/*
* rt-mobil-skjul — Delbetaling → Søknader alene: sju kolonner er for mye
* til å stable som alle de andre — selv stablet blir raden for lang til
* å skanne. Referanse, navn og status er de tre feltene som identifiserer
* en søknad — resten (mottatt, søker om, nedbetaling, kreditt) er ETT
* trykk unna på detaljsiden, som lenken i referansen alt går til.
*/
.rt-mobil-skjul {
display: none !important;
}
}
/* =========================================================================
UNDERFANER — oppgave 8 (Pakkebygger)
Klientside-fanebytte UTEN JavaScript: skjulte radioknapper + søsken-
selektoren i CSS. Bruk (se roalds_pb_admin_side(), butikk.php):
ALLE radioknappene må stå FØR alle .rt-uf-panel-N i markupet (den generelle
søskenselektoren `~` ser bare FREMOVER) — .rt-uf-nav kan stå hvor som helst
mellom dem, den styrer ikke synlighet. Selve poenget: display:none skjuler
et panel visuelt, men et