Refine hovered sponsor layout

This commit is contained in:
Hermes
2026-06-24 17:39:41 +02:00
parent 8e4b5d5693
commit d529a9e36d
+10 -9
View File
@@ -106,11 +106,11 @@
overflow: auto;
display: flex;
flex-direction: column;
gap:20px;
gap:16px;
background-color: transparent;
}
.pagetoc {
max-height: 60%;
max-height: 52%;
overflow: auto;
border-left: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent);
border-radius: 12px;
@@ -119,8 +119,8 @@
padding: 4px 4px;
}
.sidesponsor {
max-height: 40%;
height: 40%;
max-height: 48%;
height: 48%;
background-color: transparent;
border: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent);
border-radius: 8px;
@@ -149,7 +149,7 @@
width: 42px;
padding: 4px;
grid-area: sponsor-image;
align-self: start;
align-self: center;
transition-duration: 0s;
}
.sidesponsor:hover {
@@ -162,7 +162,7 @@
"sponsor-cta sponsor-cta";
column-gap: 8px;
row-gap: 8px;
align-items: start;
align-items: center;
align-content: start;
overflow: hidden;
}
@@ -185,11 +185,12 @@
.sidesponsor:hover .sponsor-title{
grid-area: sponsor-title;
margin-left: 0;
margin-top: 6px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.55rem;
line-height: 1.15;
overflow-wrap: anywhere;
align-self: center;
}
.sidesponsor .sponsor-description{
display: block;
@@ -260,8 +261,8 @@
}
}
.sidesponsor-bsa {
max-height: 40%;
height: 40%;
max-height: 48%;
height: 48%;
background-color: transparent;
border: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent);
border-radius: 8px;