Add styling for checked grid rows, per oruga/butterball
This commit is contained in:
parent
43db60bbee
commit
77eeb63b62
|
@ -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
|
||||||
|
|
|
@ -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 */
|
||||||
/* ****************************** */
|
/* ****************************** */
|
||||||
|
|
Loading…
Reference in a new issue