DEV: lint

Author: janzenisaac

assets/stylesheets/modules/ai-bot-conversations/common.scss

@@ -16,6 +16,7 @@ body.has-ai-conversations-sidebar {
         width: 100%;
       }
     }
+
     .sidebar-container {
       border: none;
     }
@@ -95,6 +96,7 @@ body.has-ai-conversations-sidebar {
 
   .container.posts {
     margin-bottom: 0;
+
     .topic-navigation.with-timeline {
       top: calc(var(--header-offset, 60px) + 5.5em);
     }
@@ -125,19 +127,24 @@ body.has-ai-conversations-sidebar {
   #topic-footer-buttons {
     width: calc(100% - 6.5em);
     margin-top: 0;
+
     @media screen and (max-width: 924px) {
       max-width: unset;
       width: 100%;
     }
+
     @media screen and (min-width: 1300px) {
       width: 100%;
       max-width: 51em;
     }
+
     .topic-footer-main-buttons {
       justify-content: flex-end;
+
       @media screen and (min-width: 1180px) {
         margin-right: 0.6em;
       }
+
       @media screen and (max-width: 924px) {
         margin-right: 0.6em;
       }
@@ -156,6 +163,7 @@ body.has-ai-conversations-sidebar {
 
   nav.post-controls .actions button {
     padding: 0.5em 0.65em;
+
     &.reply {
       .d-icon {
         margin-right: 0.45em;
@@ -168,7 +176,6 @@ body.has-ai-conversations-sidebar {
   }
 
   // custom header notification button
-
   .user-menu.revamped .menu-tabs-container {
     display: none;
   }
@@ -183,6 +190,7 @@ body.has-ai-conversations-sidebar {
       #main-outlet {
         padding-top: 0;
       }
+
       #main-outlet-wrapper #main-outlet {
         max-width: 95vw;
         overflow-x: hidden;
@@ -238,6 +246,7 @@ body.has-ai-conversations-sidebar {
       align-items: center;
       justify-content: center;
       height: calc(100dvh - var(--header-offset) - 1.25em);
+
       @media screen and (min-width: 675px) {
         border: 1px solid var(--primary-low);
         padding: 2em 2em 3em;
@@ -253,6 +262,7 @@ body.has-ai-conversations-sidebar {
       width: 100%;
       max-width: 90dvw;
       margin-top: 2em;
+
       @media screen and (min-width: 600px) {
         width: 80%;
         max-width: 46em;
@@ -269,6 +279,7 @@ body.has-ai-conversations-sidebar {
         resize: none;
         border-radius: var(--d-button-border-radius);
         max-height: 30vh;
+
         &:focus {
           outline: none;
           border-color: var(--primary-high);
@@ -280,6 +291,7 @@ body.has-ai-conversations-sidebar {
       margin-bottom: 1em;
       display: flex;
       gap: 1em;
+
       @media screen and (max-width: 600px) {
         padding-right: 2em;
         box-sizing: border-box;
@@ -289,7 +301,8 @@ body.has-ai-conversations-sidebar {
         font-size: var(--font-down-1);
         padding-bottom: 0.5em;
         margin-bottom: 0.5em;
-        &:after {
+
+        &::after {
           position: absolute;
           content: "";
           width: 4em;
@@ -305,6 +318,7 @@ body.has-ai-conversations-sidebar {
 
         button {
           display: flex;
+
           .d-button-label {
             white-space: nowrap;
           }
@@ -318,12 +332,15 @@ body.has-ai-conversations-sidebar {
       text-align: center;
       font-size: var(--font-up-6);
       line-height: var(--line-height-medium);
+
       @media screen and (min-height: 300px) {
         margin-top: -1em;
       }
+
       @media screen and (min-height: 600px) {
         margin-top: -3em;
       }
+
       @media screen and (min-height: 900px) {
         margin-top: -6em;
       }
@@ -333,9 +350,11 @@ body.has-ai-conversations-sidebar {
       border-radius: var(--border-radius);
       border: 1px solid var(--primary-low);
       line-height: var(--line-height-medium);
+
       .d-button-label {
         color: var(--primary-high);
       }
+
       .discourse-no-touch & {
         &:hover {
           background: var(--primary-low);
@@ -347,6 +366,7 @@ body.has-ai-conversations-sidebar {
       text-align: center;
       font-size: var(--font-down-1);
       color: var(--primary-700);
+
       @media screen and (min-width: 600px) {
         width: 80%;
         max-width: 46em;
@@ -355,9 +375,11 @@ body.has-ai-conversations-sidebar {
 
     .sidebar-footer-wrapper {
       display: flex;
+
       .powered-by-discourse {
         display: block;
       }
+
       button {
         display: none;
       }
@@ -388,8 +410,10 @@ body.has-ai-conversations-sidebar {
   // custom header menus
   .custom-admin-menu-trigger {
     position: relative;
+    background: transparent;
+
     &.-has-messages {
-      &:after {
+      &::after {
         position: absolute;
         content: "";
         background: var(--danger);
@@ -401,9 +425,6 @@ body.has-ai-conversations-sidebar {
     }
   }
 
-  .custom-admin-menu-trigger {
-    background: transparent;
-  }
   .custom-menu {
     .mod-message-badge {
       padding: 0.25em;
@@ -442,6 +463,7 @@ body.has-ai-conversations-sidebar {
         .d-icon {
           color: var(--primary-high);
         }
+
         span {
           display: flex;
           gap: 0.5em;
@@ -456,6 +478,7 @@ body.has-ai-conversations-sidebar {
       .d-icon {
         margin: 0;
       }
+
       .d-button-label {
         display: none;
       }
@@ -466,9 +489,11 @@ body.has-ai-conversations-sidebar {
     nav.post-controls .actions button.reply .d-icon {
       margin: 0;
     }
+
     .search-dropdown {
       display: none;
     }
+
     .sidebar-custom-sections {
       display: none;
     }
@@ -478,6 +503,7 @@ body.has-ai-conversations-sidebar {
   .user-card-meta__profile-link {
     display: block;
     padding: 0.5em 0 0.25em;
+
     .d-icon {
       font-size: var(--font-down-1);
       margin-right: 0.15em;