Skip to content
Snippets Groups Projects
Commit b7849066 authored by David Diederich's avatar David Diederich
Browse files

Adding direct child CSS selectors to handle nested blocks (like sublists)

parent 1bb7d8ba
No related branches found
No related tags found
1 merge request!30Changing the Section Action Menu to a Block Action Menu
Pipeline #265558 passed
......@@ -55,19 +55,19 @@
}
/* When the menu isn't active, and we're hovering over the anchor, but not specifically over the hover-target */
.block-action-menu-positioning-anchor:not(.menu-active):hover .block-action-menu-hover-target:not(:hover) .block-action-menu-bar {
.block-action-menu-positioning-anchor:not(.menu-active):hover > .block-action-menu-hover-target:not(:hover) > .block-action-menu-bar {
border-right-color: var(--heading-font-color);
opacity: 0.5;
}
/* When the menu isn't active, and we're hovering over the hover-target (and by extension its parent, the anchor) */
.block-action-menu-positioning-anchor:not(.menu-active):hover .block-action-menu-hover-target:hover .block-action-menu-bar {
.block-action-menu-positioning-anchor:not(.menu-active):hover > .block-action-menu-hover-target:hover > .block-action-menu-bar {
border-right-color: var(--heading-font-color);
opacity: 1;
}
/* When the menu is active, leave the border color transparent, but invert the background color and font color */
.menu-active .block-action-menu-bar {
.menu-active > .block-action-menu-hover-target > .block-action-menu-bar {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
......@@ -102,7 +102,7 @@
border-bottom-right-radius: 0.5rem;
}
.menu-active .block-action-menu {
.menu-active > .block-action-menu {
display: block;
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment