pleroma-fe

commit: 017061a46ca85a05d639cd6e310de3aac793085d
parent 3e7e31d4a98f4cbdfdd3c92d952e58616c027beb
Author: HJ <30-hj@users.noreply.git.pleroma.social>
Date:   Thu, 11 Aug 2022 13:14:18 +0000

refactor

Diffstat:
M
src/App.scss
20
++++++++++----------

1 file changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/App.scss b/src/App.scss
@@ -182,7 +182,7 @@ nav {
 
 .app-layout {
   --miniColumn: 25rem;
-  --maxiColumn: minmax(var(--miniColumn), 45rem);
+  --maxiColumn: 45rem;
   --columnGap: 1em;
   --status-margin: 0.75em;
 
@@ -192,7 +192,7 @@ nav {
   display: grid;
   grid-template-columns:
     var(--sidebarColumnWidth, var(--miniColumn))
-    var(--effectiveContentColumnWidth);
+    minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn))));
   grid-template-areas: "sidebar content";
   grid-template-rows: 1fr;
   box-sizing: border-box;
@@ -287,23 +287,23 @@ nav {
 
   &.-reverse:not(.-wide):not(.-mobile) {
     grid-template-columns:
-      var(--effectiveContentColumnWidth)
-      minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn)));
+      minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn))))
+      var(--sidebarColumnWidth, var(--miniColumn));
     grid-template-areas: "content sidebar";
   }
 
   &.-wide {
     grid-template-columns:
-      minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn)))
-      var(--effectiveContentColumnWidth)
-      minmax(var(--miniColumn), var(--notifsColumnWidth, var(--miniColumn)));
+      var(--sidebarColumnWidth, var(--miniColumn))
+      minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn))))
+      var(--notifsColumnWidth, var(--miniColumn));
     grid-template-areas: "sidebar content notifs";
 
     &.-reverse {
       grid-template-columns:
-        minmax(var(--miniColumn), var(--notifsColumnWidth, var(--miniColumn)))
-        var(--effectiveContentColumnWidth)
-        minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn)));
+        var(--notifsColumnWidth, var(--miniColumn))
+        minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn))))
+        var(--sidebarColumnWidth, var(--miniColumn));
       grid-template-areas: "notifs content sidebar";
     }
   }