diff --git a/apps/home/static/home/js/tables.js b/apps/home/static/home/js/tables.js index c29b4b1..ee64db9 100644 --- a/apps/home/static/home/js/tables.js +++ b/apps/home/static/home/js/tables.js @@ -533,7 +533,7 @@ function renderArrayDropdownColumn(data, icon, headerText) { $dropdownItems.append($itemBtn); }); - return $dropdown.html(); + return $dropdown.prop("outerHTML"); } function renderHexColourColumn(data, type, row) { diff --git a/apps/home/static/home/js/tabs/subs.js b/apps/home/static/home/js/tabs/subs.js index 869ef90..9665bec 100644 --- a/apps/home/static/home/js/tabs/subs.js +++ b/apps/home/static/home/js/tabs/subs.js @@ -27,21 +27,21 @@ function initSubscriptionsModule() { { title: "Channels", data: "channels_detail", - className: "text-center dropdown render-array-dropdown-column", + className: "text-center render-array-dropdown-column", render: data => renderArrayDropdownColumn(data.map(item => `#${item.name}`), "bi-hash", "Discord Channels") // render: data => renderArrayBadgesColumn(data.map(item => "#" + item.name)) }, { title: "Filters", data: "filters_detail", - className: "text-center dropdown render-array-dropdown-column", + className: "text-center render-array-dropdown-column", render: data => renderArrayDropdownColumn(data.map(item => item.name), "bi-funnel", "Selected Filters") // render: data => renderArrayBadgesColumn(data.map(item => item.name)) }, { title: "Rules", data: "unique_rules_detail", - className: "text-center dropdown render-array-dropdown-column", + className: "text-center render-array-dropdown-column", render: data => renderArrayDropdownColumn(data.map(item => item.name), "bi-vr", "Unique Rules") // render: data => renderArrayBadgesColumn(data.map(item => item.name)) }, diff --git a/apps/home/static/home/scss/tables.scss b/apps/home/static/home/scss/tables.scss index 2932869..f41bc1c 100644 --- a/apps/home/static/home/scss/tables.scss +++ b/apps/home/static/home/scss/tables.scss @@ -1,5 +1,11 @@ -.render-array-dropdown-column.dropdown { +.render-array-dropdown-column { + + position: relative; + + .dropdown { + + } // .col-badge { @@ -22,7 +28,7 @@ // } - >button { + button[data-bs-toggle="dropdown"] { position: relative; width: 100%;