scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/prevent-jump-when-hover-card (pull request #1889)

Browse Source 
fix: prevent jumping layout when hovering card

Approved-by: Erik Tiekstra
This commit is contained in:
Christian Andolf
2025-04-29 07:42:45 +00:00
parent e34d75969a 8501a12f8f
commit 5f836b0c82
1 changed files with 13 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stay.module.css
View File

@@ -1,22 +1,21 @@
.link {
outline: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Medium);
overflow: hidden;
position: relative;
&:focus,
&:hover {
outline-offset: 0;
outline: 1.5px solid var(--Base-Border-Hover);
}
}
.stay {
background-color: var(--Main-Grey-White);
border: 1px solid var(--Base-Border-Subtle);
border-radius: var(--Corner-radius-Medium);
display: grid;
overflow: hidden;
}
.link {
text-decoration: none;
position: relative;
}
.stay:hover {
border: 1.5px solid var(--Base-Border-Hover);
}
.image {
height: auto;
min-height: 220px;
object-fit: cover;
overflow: hidden;
@@ -34,9 +33,7 @@
}
.hotel {
margin: 0;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
text-wrap: nowrap;
}