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"
:loading="loading"
:row-class="getRowClass"
% if request.use_oruga:
tr-checked-class="is-checked"
% endif
% if request.rattail_config.getbool('tailbone', 'sticky_headers'):
sticky-header
@ -58,9 +61,9 @@
% else:
:checked-rows.sync="checkedRows"
% endif
% if grid.clicking_row_checks_box:
@click="rowClick"
% endif
% if grid.clicking_row_checks_box:
@click="rowClick"
% endif
% endif
% if grid.check_handler:

View file

@ -242,6 +242,31 @@
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 */
/* ****************************** */