fix(toast): account for .btn-close presence

techfromsage · Jun 4, 2021 · 3ee88b2 · 3ee88b2
1 parent 681fb79
commit 3ee88b2
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/docs/assets/css/talis.css b/docs/assets/css/talis.css
diff --git a/docs/assets/css/talis.css.map b/docs/assets/css/talis.css.map
diff --git a/scss/_toasts.scss b/scss/_toasts.scss
@@ -28,9 +28,23 @@
     background: transparent;
     opacity: 1;
     text-underline-offset: 1px;
+
+    &:hover,
+    &:focus {
+      text-decoration: none;
+    }
   }
 }
 
 .toast-body {
-  padding: $toast-padding-y math.div($toast-padding-x, 2) $toast-padding-y $toast-padding-x;
+  padding: $toast-padding-y $toast-padding-x;
+  padding-right: math.div($toast-padding-x, 2);
+
+  &:only-child {
+    padding-right: $toast-padding-x;
+  }
+}
+
+.toast-body + .btn-close {
+  margin-right: $toast-padding-x;
 }