Fix bug with content: counter() in step list on safari, ios firefox

Symplicity · Oct 30, 2023 · dd1acef · dd1acef
1 parent 9054cf2
commit dd1acef
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
diff --git a/dist/css/bootstrap.css.map b/dist/css/bootstrap.css.map
diff --git a/dist/css/bootstrap.rtl.css b/dist/css/bootstrap.rtl.css
diff --git a/dist/css/bootstrap.rtl.css.map b/dist/css/bootstrap.rtl.css.map
diff --git a/scss/_stepping-bar.scss b/scss/_stepping-bar.scss
@@ -4,7 +4,7 @@
 
 .list-steps-item-body {
   &::before {
-    content:counter(li); 
+    content:counter(li);
     counter-increment: li;
     position: absolute;
     left: .5rem;
@@ -33,11 +33,11 @@
   }
   &.completed {
     .list-steps-item-body::before {
-      content: "";
       background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='20' height='20' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3e%3cpath d='M5 12l5 5l10 -10' /%3e%3c/svg%3e");
       background-color: var(--bs-success);;
       background-repeat: no-repeat;
       background-position: center;
+      text-indent: -999999px;
     }
   }
 }
@@ -67,7 +67,7 @@
 
 .steps-horizontal {
   overflow-x: auto;
-  
+
   .list-steps-item {
     &:last-child {
       &::before {
@@ -96,4 +96,4 @@
       position: relative;
     }
   }
-}
+}