diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index 96d77ab0b..80573c4d6 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -194,7 +194,8 @@ inline-size: 100%; margin-block-end: calc(-0.5 * var(--cards-gap)); - &:hover { + &:hover, + &:has(~ .cards__expander-menu:hover) { background-color: var(--column-color); filter: none; } @@ -222,6 +223,11 @@ } .cards__expander-menu { + inset: 0 0 auto auto; + position: absolute; + translate: calc(var(--column-gap) * -2); + z-index: var(--z-popup); + .btn--circle { --btn-background: transparent; diff --git a/app/views/collections/show/_expander.html.erb b/app/views/collections/show/_expander.html.erb index 11c4c5ec7..42a2035ff 100644 --- a/app/views/collections/show/_expander.html.erb +++ b/app/views/collections/show/_expander.html.erb @@ -1,8 +1,6 @@ -
- - <%= yield if block_given? %> -
+ +<%= yield if block_given? %> diff --git a/app/views/collections/show/menu/_column.html.erb b/app/views/collections/show/menu/_column.html.erb index 80d91f4b2..8019b2d46 100644 --- a/app/views/collections/show/menu/_column.html.erb +++ b/app/views/collections/show/menu/_column.html.erb @@ -1,4 +1,4 @@ -
+