Merge pull request #47 from mcclatchy/2.8.7

gabrielakhanna · web-flow · commit 2c39b67ba7eb · 2025-06-12T14:03:23.000-07:00
Sticky leaderboard ad close button - updated styles
diff --git a/static/css/cards/zones.css b/static/css/cards/zones.css
@@ -94,6 +94,7 @@
 }
 
 #zoneContainer:has(.sticky-leaderboard) {
+  position: relative;
   height: 106px;
 }
 
@@ -117,9 +118,12 @@
 }
 
 #sticky_ad_close {
-  position: absolute;
-  top: 0;
-  right: 25px;
+  position: fixed;
+  right: 0;
+  z-index: 99;
+  width: 20px;
+  padding-left: 10px;
+  background-color: var(--media-background-color);
   cursor: pointer;
   --fill-color: var(--black);
 }

Original file line number	Diff line number	Diff line change
`@@ -94,6 +94,7 @@`
`94`	`94`	`}`
`95`	`95`
`96`	`96`	`#zoneContainer:has(.sticky-leaderboard) {`
	`97`	`+ position: relative;`
`97`	`98`	`height: 106px;`
`98`	`99`	`}`
`99`	`100`
`@@ -117,9 +118,12 @@`
`117`	`118`	`}`
`118`	`119`
`119`	`120`	`#sticky_ad_close {`
`120`		`- position: absolute;`
`121`		`- top: 0;`
`122`		`- right: 25px;`
	`121`	`+ position: fixed;`
	`122`	`+ right: 0;`
	`123`	`+ z-index: 99;`
	`124`	`+ width: 20px;`
	`125`	`+ padding-left: 10px;`
	`126`	`+ background-color: var(--media-background-color);`
`123`	`127`	`cursor: pointer;`
`124`	`128`	`--fill-color: var(--black);`
`125`	`129`	`}`