mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-06-01 20:29:29 +00:00
Cris
67a5fe82e7
Before the problem was using the pseudoclass 'active'. Now, by using a css class instead, it works. Also, before when clicking the button twice (activate/deactivate) - it was always on focus (and therefore always grey). Also fixed.
42 lines
859 B
CSS
42 lines
859 B
CSS
.tabulator-col {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.tabulator-page {
|
|
color: black;
|
|
opacity: 1 !important;
|
|
padding: 2px 7px !important;
|
|
border: 0px !important;
|
|
}
|
|
|
|
.tabulator-page.active {
|
|
color: #337ab7 !important;
|
|
}
|
|
|
|
/* Avoid confusing color change when hovering over selected rows */
|
|
.tabulator-row.tabulator-selected:hover {
|
|
background-color: #769bcc !important;
|
|
}
|
|
|
|
/* Frame the table */
|
|
.tabulator {
|
|
border: 1px solid lightgrey;
|
|
border-bottom: none;
|
|
border-top-left-radius: 0.5em;
|
|
border-top-right-radius: 0.5em;
|
|
}
|
|
|
|
/* Frame the header cells */
|
|
.tabulator-col:not(:first-of-type) {
|
|
border-left: 0.5px solid lightgrey;
|
|
}
|
|
|
|
/* More space for header title (avoids triple points at the end) */
|
|
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
|
|
overflow: initial;
|
|
}
|
|
|
|
.btn-select-col-selected
|
|
{
|
|
background-color: #e6e6e6;
|
|
} |