Add styling for checked grid rows, per oruga/butterball

This commit is contained in:
Lance Edgar 2024-06-01 17:46:35 -05:00
parent 43db60bbee
commit 77eeb63b62
2 changed files with 31 additions and 3 deletions

View file

@ -44,6 +44,9 @@
:data="visibleData" :data="visibleData"
:loading="loading" :loading="loading"
:row-class="getRowClass" :row-class="getRowClass"
% if request.use_oruga:
tr-checked-class="is-checked"
% endif
% if request.rattail_config.getbool('tailbone', 'sticky_headers'): % if request.rattail_config.getbool('tailbone', 'sticky_headers'):
sticky-header sticky-header

View file

@ -242,6 +242,31 @@
white-space: nowrap; white-space: nowrap;
} }
/**************************************************
* grid rows which are "checked" (selected)
**************************************************/
/* TODO: this references some color values, whereas it would be preferable
* to refer to some sort of "state" instead, color of which was
* configurable. b/c these are just the default Buefy theme colors. */
tr.is-checked {
background-color: #7957d5;
color: white;
}
tr.is-checked:hover {
color: #363636;
}
tr.is-checked a {
color: white;
}
tr.is-checked:hover a {
color: #7957d5;
}
/* ****************************** */ /* ****************************** */
/* forms */ /* forms */
/* ****************************** */ /* ****************************** */