fixed filters badge after changing control

Signed-off-by: quobix <[email protected]>
pb33f · Jan 13, 2024 · e1d2d52 · e1d2d52
1 parent 53141d2
commit e1d2d52
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/ui/src/components/controls/controls.css.ts b/ui/src/components/controls/controls.css.ts
@@ -42,9 +42,10 @@ export default css`
 
     .filters-badge::part(base) {
         font-size: 0.5rem;
-        margin-top: 17px;
-        margin-right: 5px;
         background-color: var(--primary-color);
+        position: absolute;
+        top: 5px;
+        left: 25px;
     }
 
 `
diff --git a/ui/src/components/controls/controls.ts b/ui/src/components/controls/controls.ts
@@ -202,9 +202,8 @@ export class WiretapControlsComponent extends LitElement {
         }
 
         return html`
-          
+            ${filtersBadge}
             <sl-icon-button @click=${this.openFilters} name="funnel" label="filers">
-                ${filtersBadge}
             </sl-icon-button>
             <sl-icon-button @click=${this.openSettings} name="gear" label="controls">
             </sl-icon-button>

diff --git a/ui/src/css/pb33f.css b/ui/src/css/pb33f.css
@@ -108,7 +108,6 @@ main {
 
 
 .three-columns .main-content {
-    border-bottom: 1px dashed var(--secondary-color);
     padding: 40px 0 0 20px;
     font-size: 16px;
     width: calc(100vw - 365px);

diff --git a/ui/src/index.ts b/ui/src/index.ts
@@ -13,6 +13,7 @@ import '@shoelace-style/shoelace/dist/components/drawer/drawer.js';
 import '@shoelace-style/shoelace/dist/components/button/button.js';
 import '@shoelace-style/shoelace/dist/components/input/input.js';
 import '@shoelace-style/shoelace/dist/components/dropdown/dropdown.js';
+import '@shoelace-style/shoelace/dist/components/badge/badge.js';
 import '@shoelace-style/shoelace/dist/components/menu/menu.js';
 import '@shoelace-style/shoelace/dist/components/menu-item/menu-item.js';
 import '@shoelace-style/shoelace/dist/components/divider/divider.js';