fix: mobile styling broken in flarum v1.5

SychO9 · Sep 19, 2022 · 9dd71bd · 9dd71bd
1 parent a1f181e
commit 9dd71bd
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/less/forum.less b/less/forum.less
@@ -71,6 +71,8 @@
     animation: private-facade-appear 0.5s ease-in;
     transform: none;
     box-shadow: none;
+    top: 0;
+    z-index: var(--zindex-modal);
 
     &-header, &-body, &-footer, &-content {
       background-color: transparent;
@@ -95,14 +97,19 @@
         justify-content: space-between;
         align-items: flex-end;
 
+        > p {
+          margin: 0;
+        }
+      }
+    }
+
+    @media @phone {
+      &-header {
         > h3 {
           display: flex;
-          gap: 16px;
+          gap: 8px;
           align-items: center;
-        }
-
-        > p {
-          margin: 0;
+          justify-content: center;
         }
       }
     }