Fixup for legacy html structure

discourse · Oct 9, 2023 · bb823c7 · bb823c7
1 parent eb8f5ee
commit bb823c7
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/common/common.scss b/common/common.scss
@@ -237,6 +237,19 @@ body.kanban-active {
   }
 }
 
+body.tags-page.kanban-active.kanban-legacy-topic-list {
+  // Hacks for legacy tag-show page which has different HTML
+  #main-outlet > span:nth-of-type(2) {
+    flex-shrink: 1;
+    flex-grow: 1;
+    min-height: 0;
+    display: flex;
+  }
+  .list-container {
+    display: none;
+  }
+}
+
 ul.kanban-controls {
   padding: 0.5rem;
   margin: 0;

diff --git a/javascripts/discourse/components/kanban/wrapper.gjs b/javascripts/discourse/components/kanban/wrapper.gjs
@@ -8,6 +8,7 @@ import bodyClass from "discourse/helpers/body-class";
 import i18n from "discourse-common/helpers/i18n";
 import concatClass from "discourse/helpers/concat-class";
 import KanbanOptionsModal from "./modal/options";
+import { getOwner } from "@ember/application";
 
 export default class Kanban extends Component {
   <template>
@@ -51,6 +52,10 @@ export default class Kanban extends Component {
         </div>
 
         {{bodyClass "kanban-active"}}
+
+        {{#if this.isLegacyTopicList}}
+          {{bodyClass "kanban-legacy-topic-list"}}
+        {{/if}}
       </div>
     {{/if}}
   </template>
@@ -60,6 +65,10 @@ export default class Kanban extends Component {
 
   @tracked dragData;
 
+  get isLegacyTopicList() {
+    return !!getOwner(this).resolveRegistration("controller:discovery/topics") ;
+  }
+
   @action
   setDragData(data) {
     this.dragData = data;