UX: General maintenance and updates (#46)

discourse · Dec 6, 2024 · 1a3479c · 1a3479c
1 parent 7bb8a75
commit 1a3479c
Show file tree

Hide file tree

Showing 9 changed files with 68 additions and 16 deletions.
diff --git a/scss/blocks/profile.scss b/scss/blocks/profile.scss
@@ -169,3 +169,8 @@
     }
   }
 }
+
+#collapsed-info-panel {
+  font-size: var(--font-down-1);
+  padding: 0 1em;
+}
diff --git a/scss/components/navigation.scss b/scss/components/navigation.scss
@@ -88,6 +88,7 @@ body:not(.admin-interface) {
   }
 
   .sidebar-section-wrapper {
+    padding-bottom: 1em;
     &[data-section-name="chat-channels"],
     &[data-section-name="chat-dms"],
     &[data-section-name="tags"],
@@ -221,6 +222,16 @@ body:not(.admin-interface) {
     .sidebar-footer-wrapper {
       display: none;
     }
+
+    .sidebar__panel-switch-button {
+      .d-button-label {
+        display: none;
+      }
+      .d-icon {
+        margin: 0;
+        font-size: var(--font-up-2);
+      }
+    }
   }
 
   @include breakpoint(tablet) {
@@ -270,6 +281,13 @@ body:not(.admin-interface) {
 
       .sidebar-sections {
         display: contents;
+        [data-section-name="user-threads"] {
+          display: none;
+        }
+      }
+
+      .sidebar__panel-switch-button {
+        display: none;
       }
 
       .sidebar-section {
@@ -563,3 +581,9 @@ body:has(.admin-main-nav .nav-pills) {
     margin-left: -0.25em; // horizontal alignment
   }
 }
+
+body:not(.has-full-page-chat) {
+  [data-section-name="user-threads"] {
+    display: none;
+  }
+}
diff --git a/scss/discourse/badges.scss b/scss/discourse/badges.scss
@@ -54,3 +54,9 @@
 .badge-card {
   border-radius: var(--rounded-md);
 }
+
+.badge-card {
+  .favorite-btn {
+    margin: 0.5em;
+  }
+}
diff --git a/scss/discourse/header.scss b/scss/discourse/header.scss
@@ -205,6 +205,8 @@
   > .d-icon-bell {
     position: absolute;
     color: var(--primary);
+    z-index: 1;
+    pointer-events: none; // prevent svg from blocking hover
   }
 }
 

diff --git a/scss/discourse/other.scss b/scss/discourse/other.scss
@@ -9,14 +9,17 @@
 
 .users-directory.directory,
 .discourse-post-event-upcoming-events,
-.container.groups-index,
 .container.badges,
 .container.cakeday,
 .reviewable,
 .body-page {
   padding: 0 1rem;
 }
 
+.container.groups-index {
+  padding: 1rem;
+}
+
 .group-box,
 .reviewable-filters {
   border-radius: var(--rounded-xl);

diff --git a/scss/discourse/search-menu.scss b/scss/discourse/search-menu.scss
@@ -15,7 +15,6 @@
           display: none;
         }
         .search-menu-panel {
-          background: none;
           box-shadow: var(--shadow-menu-panel);
           z-index: 0;
         }
@@ -145,6 +144,11 @@
           #search-term {
             padding: 0.5rem 0;
           }
+          .search-context {
+            flex-shrink: 0;
+            height: unset;
+            padding: 0.25em;
+          }
           .search-context ~ #search-term {
             padding: 0;
           }

diff --git a/scss/discourse/topic-list.scss b/scss/discourse/topic-list.scss
@@ -46,7 +46,7 @@ table.topic-list:not(.bookmark-list) {
       gap: 0 1rem;
 
       @container (max-width: 32rem) {
-        grid-template-areas: "avatar author" "avatar category" "avatar title" "avatar tags" "avatar content" "avatar replies" "avatar actions";
+        grid-template-areas: "avatar author" "avatar category" "avatar title" "avatar tags" "avatar content" "avatar replies" "avatar actions" "avatar excerpt";
         grid-template-columns: 2rem auto;
 
         .topic__actions {
@@ -322,7 +322,7 @@ table.topic-list:not(.bookmark-list) {
 }
 
 body:not(.user-messages-page) {
-  .topic__excerpt {
+  .topic-excerpt {
     display: none;
   }
   .topic__author .topic__metadata {

diff --git a/scss/discourse/topic.scss b/scss/discourse/topic.scss
@@ -281,7 +281,7 @@
 .regular {
   .more-topics {
     &__container {
-      padding: 0;
+      padding: 1em;
       max-width: unset;
     }
     &__list-title {

diff --git a/scss/discourse/user.scss b/scss/discourse/user.scss
@@ -2,17 +2,6 @@
   background: none;
 }
 
-.user-messages-page,
-.user-assigned-page,
-.user-notifications-page,
-.user-activity-bookmarks-page,
-.user-preferences-page {
-  .about,
-  .user-navigation-primary {
-    display: none;
-  }
-}
-
 .user-activity-bookmarks-page {
   .user-navigation-secondary {
     display: none;
@@ -39,3 +28,22 @@
     border-bottom-left-radius: 0;
   }
 }
+
+.user-admin {
+  border-radius: var(--rounded-md);
+}
+
+.invite-actions {
+  display: flex;
+  gap: 0.5em;
+  .btn {
+    border-radius: var(--rounded-full);
+  }
+}
+
+.pref-username,
+.pref-avatar {
+  .btn {
+    display: inline-flex;
+  }
+}