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; overflow: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap:20px; gap:16px;
background-color: transparent; background-color: transparent;
} }
.pagetoc { .pagetoc {
max-height: 60%; max-height: 52%;
overflow: auto; overflow: auto;
border-left: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent); border-left: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent);
border-radius: 12px; border-radius: 12px;
@@ -119,8 +119,8 @@
padding: 4px 4px; padding: 4px 4px;
} }
.sidesponsor { .sidesponsor {
max-height: 40%; max-height: 48%;
height: 40%; height: 48%;
background-color: transparent; background-color: transparent;
border: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent); border: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent);
border-radius: 8px; border-radius: 8px;
@@ -149,7 +149,7 @@
width: 42px; width: 42px;
padding: 4px; padding: 4px;
grid-area: sponsor-image; grid-area: sponsor-image;
align-self: start; align-self: center;
transition-duration: 0s; transition-duration: 0s;
} }
.sidesponsor:hover { .sidesponsor:hover {
@@ -162,7 +162,7 @@
"sponsor-cta sponsor-cta"; "sponsor-cta sponsor-cta";
column-gap: 8px; column-gap: 8px;
row-gap: 8px; row-gap: 8px;
align-items: start; align-items: center;
align-content: start; align-content: start;
overflow: hidden; overflow: hidden;
} }
@@ -185,11 +185,12 @@
.sidesponsor:hover .sponsor-title{ .sidesponsor:hover .sponsor-title{
grid-area: sponsor-title; grid-area: sponsor-title;
margin-left: 0; margin-left: 0;
margin-top: 6px; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
font-size: 1.55rem; font-size: 1.55rem;
line-height: 1.15; line-height: 1.15;
overflow-wrap: anywhere; overflow-wrap: anywhere;
align-self: center;
} }
.sidesponsor .sponsor-description{ .sidesponsor .sponsor-description{
display: block; display: block;
@@ -260,8 +261,8 @@
} }
} }
.sidesponsor-bsa { .sidesponsor-bsa {
max-height: 40%; max-height: 48%;
height: 40%; height: 48%;
background-color: transparent; background-color: transparent;
border: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent); border: 1px solid color-mix(in srgb, var(--table-border-color) 70%, transparent);
border-radius: 8px; border-radius: 8px;