fix: permissions table on mobile is unusable (#3722)

flarum · Jan 14, 2023 · 2d2bf5c · 2d2bf5c
1 parent a4f4ee8
commit 2d2bf5c
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/framework/core/less/admin/PermissionsPage.less b/framework/core/less/admin/PermissionsPage.less
@@ -50,7 +50,6 @@
     color: var(--muted-color);
   }
   thead th {
-    position: -webkit-sticky;
     position: sticky;
     top: 0;
     padding-bottom: 10px;
@@ -63,9 +62,12 @@
     z-index: 1;
 
     &:first-child {
-      left: 0;
       z-index: 3;
       background: var(--body-bg);
+
+      @media @tablet-up {
+        left: 0;
+      }
     }
 
     &:not(:hover) .PermissionGrid-removeScope {
@@ -74,13 +76,15 @@
   }
   tbody {
     th {
-      position: -webkit-sticky;
-      position: sticky;
-      left: 0;
       padding-right: 50px;
       z-index: 4;
       background: inherit;
 
+      @media @tablet-up {
+        position: sticky;
+        left: 0;
+      }
+
       .icon {
         margin-right: 5px;
         font-size: 14px;