Fix spoiler reveal positioning (#1521)

rafalp · Mar 28, 2023 · 5857922 · 5857922
1 parent b839774
commit 5857922
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 20 deletions.
diff --git a/frontend/src/style/flavor/markup.less b/frontend/src/style/flavor/markup.less
@@ -8,17 +8,6 @@
 }
 
 // Spoiler block
-.misago-markup .spoiler-block {
-  background: repeating-linear-gradient(
-    45deg,
-    fadeout(@gray-lighter, 50%),
-    fadeout(@gray-lighter, 50%) 10px,
-    @post-bg 10px,
-    @post-bg 20px
-  );
-  border: none;
-}
-
 .misago-markup .spoiler-body {
   background: transparent;
   -webkit-filter: blur(5px);

diff --git a/frontend/src/style/misago/markup.less b/frontend/src/style/misago/markup.less
@@ -94,19 +94,23 @@
 
 // Style spoilers
 .misago-markup .spoiler-block {
-  background: @gray-lighter;
-  border: none;
+  position: relative;
 
+  background: repeating-linear-gradient(
+    45deg,
+    fadeout(@gray-lighter, 50%),
+    fadeout(@gray-lighter, 50%) 10px,
+    @post-bg 10px,
+    @post-bg 20px
+  );
+  border: 3px solid @gray-lighter;
+  border-radius: @border-radius-base;
   font-size: @font-size-base;
 }
 
-.misago-markup > .spoiler-block {
-  border: 1px solid darken(@gray-lighter, 8%);
-  position: relative;
-}
-
 .misago-markup .spoiler-body {
   background: @body-bg;
+  border-width: 0;
   margin: 0px;
   padding: @line-height-computed;
 }

diff --git a/misago/static/misago/css/misago.css b/misago/static/misago/css/misago.css
diff --git a/misago/static/misago/css/misago.css.map b/misago/static/misago/css/misago.css.map