Fix: make theme selector tick icon visible when active in examples layout (#39177)

julien-deramond · web-flow · commit 8df9899e9811 · 2023-09-14T17:01:50.000+03:00
diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html
@@ -89,9 +89,14 @@
         --bs-btn-active-bg: #5a23c8;
         --bs-btn-active-border-color: #5a23c8;
       }
+
       .bd-mode-toggle {
         z-index: 1500;
       }
+
+      .bd-mode-toggle .dropdown-menu .active .bi {
+        display: block !important;
+      }
     </style>
 
     {{ range .Page.Params.extra_css }}

Original file line number	Diff line number	Diff line change
`@@ -89,9 +89,14 @@`
`89`	`89`	`--bs-btn-active-bg: #5a23c8;`
`90`	`90`	`--bs-btn-active-border-color: #5a23c8;`
`91`	`91`	`}`
	`92`	`+`
`92`	`93`	`.bd-mode-toggle {`
`93`	`94`	`z-index: 1500;`
`94`	`95`	`}`
	`96`	`+`
	`97`	`+ .bd-mode-toggle .dropdown-menu .active .bi {`
	`98`	`+ display: block !important;`
	`99`	`+ }`
`95`	`100`	`</style>`
`96`	`101`
`97`	`102`	`{{ range .Page.Params.extra_css }}`