better-hover

The theme implements this in a centralized way, so we need to remove the
core implementation.

before:


![image](https://github.com/user-attachments/assets/a9b37f79-d464-43e9-9298-3607180162ec)


after:


![image](https://github.com/user-attachments/assets/bd3c79b5-6371-4439-86a2-5f91e44f04ca)

about.json

@@ -132,5 +132,6 @@
       "header_primary": "ffffff",
       "hover": "584B3E"
     }
-  }
+  },
+  "screenshots": ["screenshots/light.png", "screenshots/dark.png"]
 }

javascripts/discourse/initializers/topic-list-columns.gjs

@@ -83,6 +83,34 @@ export default {
       api.registerValueTransformer("topic-list-item-mobile-layout", () => {
         return false;
       });
+
+      api.registerBehaviorTransformer(
+        "topic-list-item-click",
+        ({ context: { event }, next }) => {
+          if (event.target.closest("a, button, input")) {
+            return next();
+          }
+
+          event.preventDefault();
+          event.stopPropagation();
+
+          const topicLink = event.target
+            .closest("tr")
+            .querySelector("a.raw-topic-link");
+
+          // Redespatch the click on the topic link, so that all key-handing is sorted
+          topicLink.dispatchEvent(
+            new MouseEvent("click", {
+              ctrlKey: event.ctrlKey,
+              metaKey: event.metaKey,
+              shiftKey: event.shiftKey,
+              button: event.button,
+              bubbles: true,
+              cancelable: true,
+            })
+          );
+        }
+      );
     });
   },
 };

scss/box-view.scss

@@ -127,6 +127,36 @@
   }
 }
 
+.rtl .experimental-screen {
+  &__top-left {
+    right: var(--left-distance);
+    left: unset;
+  }
+
+  &__top-right {
+    transform: rotate(-90deg) !important;
+    right: calc(var(--right-distance) - var(--d-border-radius-large));
+    left: unset;
+  }
+
+  &__bottom-left {
+    transform: rotate(90deg);
+    right: var(--left-distance);
+    left: unset;
+  }
+
+  &__bottom-right {
+    transform: rotate(180deg);
+    left: unset;
+    right: calc(var(--right-distance) - var(--d-border-radius-large));
+  }
+
+  &__bottom-bar {
+    right: var(--left-distance);
+    left: unset;
+  }
+}
+
 @media screen and (min-width: 768px) {
   .with-topic-progress {
     bottom: calc(

scss/chat.scss

@@ -1,3 +1,5 @@
+@use "lib/viewport";
+
 .full-page-chat.full-page-chat-sidebar-enabled {
   border: none;
 }
@@ -23,6 +25,22 @@ body.has-full-page-chat {
 
 .chat-drawer-outlet-container {
   z-index: z("composer", "content");
+
+  .peek-mode-active & {
+    padding-bottom: 0;
+    left: unset;
+    right: var(--main-grid-gap);
+
+    &:has(.is-expanded) {
+      z-index: calc(z("composer", "dropdown") + 1);
+    }
+  }
+}
+
+.chat-drawer {
+  .peek-mode-active & {
+    max-width: 90vw;
+  }
 }
 
 .chat-drawer .channels-list-container .chat-channel-row {
@@ -54,5 +72,11 @@ body.has-full-page-chat {
 }
 
 .chat-drawer-active.chat-drawer-expanded .chat-composer-dropdown__menu-content {
-  z-index: z("composer", "content") + 1;
+  z-index: z("modal", "dialog");
+}
+
+.chat-replying-indicator-container {
+  @include viewport.from(sm) {
+    margin-left: calc(0.65em + 0.2rem);
+  }
 }

scss/composer.scss

@@ -19,6 +19,8 @@
 
     .grippie {
       background: var(--tertiary-low);
+      border-top-right-radius: var(--d-border-radius);
+      border-top-left-radius: var(--d-border-radius);
     }
 
     .user-selector,

scss/header.scss

@@ -7,23 +7,6 @@
   }
 }
 
-.user-menu .quick-access-panel,
-.user-notifications-list {
-  li {
-    &.pending,
-    &.unread {
-      background: var(--d-hover);
-
-      .discourse-no-touch & {
-        &:hover,
-        &:focus {
-          background: var(--d-selected);
-        }
-      }
-    }
-  }
-}
-
 .user-menu.revamped .tabs-list .btn.active {
   background: var(--d-hover);
 }

scss/misc.scss

@@ -1,3 +1,5 @@
+@use "lib/viewport";
+
 .user-main .about.collapsed-info .details {
   background: var(--d-content-background);
 }
@@ -105,3 +107,35 @@ input[type="color"]:focus,
 .period-chooser-header {
   border-radius: 0;
 }
+
+// compatibility with the top contributors sidebar theme component
+// https://meta.discourse.org/t/top-contributors-sidebar/215110
+.list-container
+  #list-area
+  > .contents
+  > .topic-list:has(.discourse-top-contributors) {
+  grid-template-areas: "head head" "body sidebar";
+  grid-template-rows: auto 1fr;
+
+  @include viewport.until(lg) {
+    grid-template-areas: "head head" "body body";
+  }
+
+  tbody {
+    display: flex;
+  }
+
+  .discourse-top-contributors {
+    width: auto;
+    box-sizing: border-box;
+
+    @include viewport.until(lg) {
+      display: none;
+    }
+
+    .top-contributors-heading {
+      font-size: var(--font-up-2);
+      padding-bottom: 0.5em;
+    }
+  }
+}

scss/topic-cards.scss

@@ -40,6 +40,7 @@
   grid-column-gap: 12px;
   grid-row-gap: 8px;
   border-radius: var(--d-border-radius);
+  cursor: pointer;
 
   td.main-link .link-top-line {
     grid-row: 1/2;
@@ -255,6 +256,10 @@
     min-width: unset;
   }
 
+  .badge-notification.new-topic::before {
+    display: none;
+  }
+
   // timestamp
   td.activity .post-activity {
     grid-area: activity;
@@ -720,15 +725,8 @@ body.user-messages-page {
   }
 }
 
-.mobile-view {
-  .link-top-line .event-date-container {
-    display: inline;
-    margin-top: 0;
-  }
-
-  .topic-list-body .topic-list-item .link-top-line .event-date {
-    position: relative;
-    margin-left: 0;
-    top: -0.125em;
-  }
+.event-date-container {
+  display: inline-flex;
+  position: relative;
+  top: -0.25em; // optical alignment
 }