[fractal/fractal-next] style: Reorganize style.css

[Julian Sparber <jsparber src gnome org>]

commit c0bd634ff9ecc86048290f82c58c7cea37bacc61
Author: Kévin Commaille <zecakeh tedomum fr>
Date:   Fri Jan 28 13:30:41 2022 +0100

    style: Reorganize style.css

 data/resources/style.css | 178 +++++++++++++++++++++++++++--------------------
 1 file changed, 102 insertions(+), 76 deletions(-)
---
diff --git a/data/resources/style.css b/data/resources/style.css
index 120d80d3..50e41167 100644
--- a/data/resources/style.css
+++ b/data/resources/style.css
@@ -1,61 +1,34 @@
-.room-details-group overlay {
-  margin-bottom: 6px;
-}
-
-.room-details-group avatar * {
-  /* Undo non-sensitive style. */
-  filter: none;
-}
+/* Global */
 
-.room-details-group entry:disabled {
-  border-color: transparent;
-  /* Undo non-sensitive style. */
-  color: @view_fg_color;
+textview, text {
+  color: inherit;
   background: none;
 }
 
-.room-details-group entry textview {
-  /* Undo non-sensitive style. */
-  color: @view_fg_color;
-  background: none;
+.bold {
+  font-weight: bold;
 }
 
-.room-details-group entry text {
-  /* Undo non-sensitive style. */
-  color: @view_fg_color;
-  background: none;
+button.pill.large {
+  padding: 12px 40px;
 }
 
-.room-details-name {
+.emoji {
   font-size: 2em;
-  margin-bottom: 6px;
-}
-
-.room-details-topic {
-  margin-bottom: 6px;
 }
 
-.badge {
-  color: @dark_5;
-  background-color: @light_3;
-  border-radius: 0.4em;
-  padding: 0.1em 0.5em;
-  font-size: 0.8em;
-  margin-left: 0.5em;
+listview.content {
+       border-radius: 9px;
+       border-width: 1px;
+       border-style: solid;
 }
 
-.badge.admin {
-  color: @light_1;
-  background-color: @red_2;
+listview.content row:last-child {
+       border-bottom-width: 0px;
 }
 
-.badge.mod {
-  background-color: @yellow_5;
-}
 
-button.pill.large {
-  padding: 12px 40px;
-}
+/* Components */
 
 .inline-pill {
   border-radius: 9999px;
@@ -63,6 +36,11 @@ button.pill.large {
   padding-right: 6px;
 }
 
+.app-notification {
+  border-radius: 9999px;
+  padding-left: 24px;
+}
+
 .app-notification .inline-pill {
   background-color: alpha(@window_bg_color, 0.2);
 }
@@ -78,28 +56,55 @@ button.pill.large {
   background-color: @accent_bg_color;
 }
 
+.badge {
+  color: @dark_5;
+  background-color: @light_3;
+  border-radius: 0.4em;
+  padding: 0.1em 0.5em;
+  font-size: 0.8em;
+  margin-left: 0.5em;
+}
+
+.badge.admin {
+  color: @light_1;
+  background-color: @red_2;
+}
+
+.badge.mod {
+  background-color: @yellow_5;
+}
+
+
 /* Login */
+
 .login {
   min-width: 250px;
 }
 
-.session-verification .text-button {
- min-width: 200px;
-}
-
 .devnotice {
   background: @warning_bg_color;
   color: @warning_fg_color;
   padding: 12px 24px;
 }
 
+
 /* Session */
+
 .session-loading-spinner {
   min-width: 32px;
   min-height: 32px;
 }
 
+
+/* Verification */
+
+.session-verification .text-button {
+  min-width: 200px;
+ }
+
+
 /* Account switcher */
+
 #account-switcher row {
   border-radius: 10px;
   margin-top: 2px;
@@ -109,15 +114,14 @@ button.pill.large {
 }
 
 #new-login-icon {
-  /*
-   *  2 * padding + pixel-size = size (of avatar)
-   */
-  padding: 12px;
+  padding: 12px; /* 2 * padding + pixel-size = size (of avatar) */
   background-color: alpha(currentColor, .1);
   border-radius: 9999px;
 }
 
-/* Sidebar List */
+
+/* Sidebar */
+
 .sidebar-list row {
   margin: 0;
   padding: 0;
@@ -238,7 +242,9 @@ button.pill.large {
   opacity: 1;
 }
 
-/* Content */
+
+/* Room History */
+
 .room-history {
   background: @view_bg_color;
 }
@@ -340,49 +346,69 @@ message-reactions .reaction-count {
   color: @view_fg_color;
 }
 
-.invite-room-name {
-  font-size: 1.6em;
-}
-
-.app-notification {
-  border-radius: 9999px;
-  padding-left: 24px;
-}
 
 /* Event Source Dialog */
+
 .event-source-dialog .sourceview {
   font-family: monospace;
 }
 
+
+/* Explore */
+
 .explore listview row {
   padding: 12px;
 }
 
-listview.content {
-       border-radius: 9px;
-       border-width: 1px;
-       border-style: solid;
+
+/* Invite */
+
+.invite-room-name {
+  font-size: 1.6em;
 }
 
-listview.content row:last-child {
-       border-bottom-width: 0px;
+
+/* Room Details */
+
+.room-details-group overlay {
+  margin-bottom: 6px;
 }
 
-.bold {
-  font-weight: bold;
+.room-details-group avatar * {
+  /* Undo non-sensitive style. */
+  filter: none;
 }
 
-.cutout-button {
-  background-color: @window_bg_color;
-  border-radius: 9999px;
-  padding: 2px;
+.room-details-group entry:disabled {
+  border-color: transparent;
+  /* Undo non-sensitive style. */
+  color: @view_fg_color;
+  background: none;
 }
 
-.emoji {
-  font-size: 2em;
+.room-details-group entry textview {
+  /* Undo non-sensitive style. */
+  color: @view_fg_color;
+  background: none;
 }
 
-textview, text {
-  color: inherit;
+.room-details-group entry text {
+  /* Undo non-sensitive style. */
+  color: @view_fg_color;
   background: none;
 }
+
+.room-details-name {
+  font-size: 2em;
+  margin-bottom: 6px;
+}
+
+.room-details-topic {
+  margin-bottom: 6px;
+}
+
+.cutout-button {
+  background-color: @window_bg_color;
+  border-radius: 9999px;
+  padding: 2px;
+}
\ No newline at end of file