Fix role rotator layout jump: fixed height + nowrap
Changes
@@@ -118,9 +118,15 @@font-size: clamp(2.5rem,2.4vw,2.5rem);color: var(--accent);margin: 0 0 1rem;-- min-height: 1.6em;++ height: 1.6em;++ overflow: hidden;++ }++ .hero__rotator {++ display: block;++ white-space: nowrap;++ overflow: hidden;++ text-overflow: ellipsis;}-- .hero__rotator { display: inline-block; }.hero__lead {max-width: 56ch;color: var(--muted);
@@ -118,9 +118,15 @@
@@ -118,9 +118,15 @@
font-size: clamp(2.5rem,2.4vw,2.5rem);
font-size: clamp(2.5rem,2.4vw,2.5rem);
color: var(--accent);
color: var(--accent);
margin: 0 0 1rem;
margin: 0 0 1rem;
- min-height: 1.6em;
+ height: 1.6em;
+ overflow: hidden;
+ }
+ .hero__rotator {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
}
- .hero__rotator { display: inline-block; }
.hero__lead {
.hero__lead {
max-width: 56ch;
max-width: 56ch;
color: var(--muted);
color: var(--muted);