Brummel/praxis-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(css): keep hero carousel indicators visually symmetric

Browse Source 
Bootstrap-3's default makes the active indicator 12x12 with margin 0
while inactive is 10x10 with margin 1px. With two slides the size and
margin swap shifts dot positions on every slide change, which reads as
the gap between dots changing. Force all dots to the inactive geometry
so only the fill toggles.
This commit is contained in:
Brummel
2026-05-21 11:21:18 +02:00
parent a135a02b5d
commit a916010fc4
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/praxis.css
+14
View File
@@ -1926,3 +1926,17 @@ ul {
}
}
.ptb-text {
padding-bottom : 50px;
padding-top : 50px;
}
/* ---------------------------------------------------------------
Stage tweak: keep hero carousel indicator dots symmetric.
Bootstrap-3's default `.carousel-indicators .active { width:12px;
height:12px; margin:0 }` makes the active dot bigger and zero-margin
while inactive stays at 10px with 1px margin. With only two slides
the size + margin swap shifts the dots visibly on each slide change.