Skip to content

Commit

Permalink
Merge pull request #3330 from projectblacklight/3326-card-bg
Browse files Browse the repository at this point in the history
fix card bg on hover
  • Loading branch information
corylown authored Dec 9, 2024
2 parents 18d57ee + c358491 commit beee8eb
Showing 1 changed file with 4 additions and 3 deletions.
7 changes: 4 additions & 3 deletions app/assets/stylesheets/spotlight/_exhibits_index.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
$exhibit-card-overlay-padding: $card-img-overlay-padding * 0.5 !default;
$exhibit-card-overlay-opacity: var(--exhibit-card-overlay-opacity) !default;

.exhibit-card {
overflow-y: hidden;
Expand Down Expand Up @@ -34,9 +33,10 @@ $exhibit-card-overlay-opacity: var(--exhibit-card-overlay-opacity) !default;
}

.card-img-overlay {
--exhibit-card-overlay-rgb: 255, 255, 255;
--exhibit-card-overlay-bg: rgba(
var(--bs-card-bg),
#{$exhibit-card-overlay-opacity}
var(--exhibit-card-overlay-rgb),
var(--exhibit-card-overlay-opacity)
);
background: var(--exhibit-card-overlay-bg);
border-bottom-left-radius: calc(0.25rem - 1px);
Expand Down Expand Up @@ -74,6 +74,7 @@ $exhibit-card-overlay-opacity: var(--exhibit-card-overlay-opacity) !default;
}

&:hover {
--exhibit-card-overlay-opacity: .7;
.exhibit-description {
max-height: 450px;
}
Expand Down

0 comments on commit beee8eb

Please sign in to comment.