feat: Change active state for table
Use box-shadow on pseudo-element to compensate for replaced elements like img, canvas, video, object or iframe.
This commit is contained in:
parent
848754c615
commit
80a0deedd5
2 changed files with 20 additions and 2 deletions
|
|
@ -161,8 +161,25 @@ tfoot {
|
|||
// -----------------------------------------------------------------------------
|
||||
tr {
|
||||
&.active {
|
||||
color: config.$color_highlight_basic;
|
||||
background-color: config.$color_action_basic;
|
||||
position: relative;
|
||||
|
||||
& > * {
|
||||
//color: config.$color_highlight_basic;
|
||||
//background-color: config.$color_action_basic;
|
||||
//box-shadow: inset 0 0 0 9999px config.$color_action_basic;
|
||||
}
|
||||
|
||||
& > *::before {
|
||||
content: '';
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
box-shadow: config.$overlay_focus;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue