Fix dismiss button overlapping with text in dismissable banners (#26935)

2023-09-15 19:53:28 +02:00
parent e4f5114aaf
commit 2a4fcc51fd
3 changed files with 10 additions and 5 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -8941,9 +8941,7 @@ noscript {
  }

  &__action {
-    position: absolute;
-    inset-inline-end: 0;
-    top: 0;
+    float: right;
    padding: 15px 10px;

    .icon-button {
--- a/app/javascript/styles/mastodon/rtl.scss
+++ b/app/javascript/styles/mastodon/rtl.scss
@@ -58,4 +58,11 @@ body.rtl {
  .fa-chevron-right::before {
    content: '\F053';
  }
+
+  .dismissable-banner,
+  .warning-banner {
+    &__action {
+      float: left;
+    }
+  }
 }