en | en
staan die klassen er niet. In de twee MudSimpleTables van deze cyclus — de
"Verschil"-regel op de balans en de "Totaal"-regel in de afsluitdialoog —
deed `class="totaal"` dus NIETS. Precies het dode-CSS-geval waar het
commentaar hierboven zelf voor waarschuwt, en een selector die niets raakt
geeft geen foutmelding.
De tweede selector is bewust `.mud-table tr. > td` en niet
`tr. > td`: zo blijft hij binnen een MudBlazor-tabel en raakt hij
geen tabel van de Identity-pagina's, die Bootstrap gebruiken. */
.mud-table-row.totaal .mud-table-cell,
.mud-table tr.totaal > td {
border-top: 1px solid var(--mud-palette-lines-inputs);
border-bottom: 3px double var(--mud-palette-lines-inputs);
font-weight: 600;
}
/* De subtotaalregel die de regel hierboven al aankondigde maar die nog niet
bestond: één lijn erboven en geen dubbele lijn eronder. Toegevoegd voor de
winst-en-verliesrekening, waar "Totaal omzet" en "Totaal kosten" boven het
resultaat staan; drie dubbele lijnen op één grid maakt het eindtotaal
onherkenbaar. */
.mud-table-row.subtotaal .mud-table-cell,
.mud-table tr.subtotaal > td {
border-top: 1px solid var(--mud-palette-lines-inputs);
font-weight: 600;
}
/* Rijen die aanklikbaar zijn, moeten dat ook lijken. Gebruikt door
JournalEntries en OpenItems via RowClass. */
.cursor-pointer {
cursor: pointer;
}
/* ─── Identity-pagina's ────────────────────────────────────────────────────
Deze schermen komen uit de ASP.NET Core Identity-template en gebruiken
Bootstrap in plaats van MudBlazor. De kleuren staan hier als hexcode en
niet als --mud-palette-variabele, omdat die variabelen pas bestaan waar
MudThemeProvider heeft gerenderd. Ze houden wel dezelfde waarden als het
accent en de foutkleur uit BoekhoudingTheme.
─────────────────────────────────────────────────────────────────────────── */
/* Bootstrap zet in bootstrap-reboot `scroll-behavior: smooth` op :root, en in
Firefox slikt die animatie de eerste scrollbeweging van een touchpad op: het
scherm beweegt mee zonder te scrollen en pas de tweede beweging werkt. In
Chrome valt het niet op. Deze regel staat ná Bootstrap in App.razor en zet
het terug op de standaard.
De strekking is smaller geworden dan toen deze regel werd toegevoegd: sinds
Bootstrap alleen nog onder /Account wordt geladen (spec §6), lekt
`scroll-behavior: smooth` buiten de Identity-schermen niet meer. De regel is
dus alleen nog voor díe schermen nodig — en verdwijnt zodra hun ombouw naar
MudBlazor Bootstrap helemaal weghaalt. Zolang die stylesheet meekomt, blijft
deze regel staan. */
:root {
scroll-behavior: auto;
}
a, .btn-link {
color: #2C5A7A;
}
.btn-primary {
color: #fff;
background-color: #2C5A7A;
border-color: #244A66;
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 .25rem rgba(44, 90, 122, .25);
}
.darker-border-checkbox.form-check-input {
border-color: #8794A1;
}
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
color: var(--bs-secondary-color);
text-align: end;
}
.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
text-align: start;
}
/* ─── Validatie ───────────────────────────────────────────────────────────── */
.valid.modified:not([type=checkbox]) {
outline: 1px solid #2E6B4E;
}
.invalid {
outline: 1px solid #A03E2A;
}
.validation-message {
color: #A03E2A;
font-size: .8rem;
}
|