IKC-417 Topic toolbar

Consdata · Oct 14, 2024 · ed2a4a2 · ed2a4a2
1 parent 3f753e6
commit ed2a4a2
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git a/kouncil-frontend/apps/kouncil/src/app/topic/toolbar/topic-toolbar.component.scss b/kouncil-frontend/apps/kouncil/src/app/topic/toolbar/topic-toolbar.component.scss
@@ -14,7 +14,7 @@
     align-items: center;
 
     & > * {
-      margin-right: 16px;
+      margin-right: 8px;
     }
 
   }
@@ -25,7 +25,7 @@
     font-weight: 500;
     border-radius: $default-border-radius;
     height: 40px;
-    padding: 0 12px;
+    padding: 0 8px;
 
     background: $main-0;
     border: 1px solid $main-20;
@@ -113,6 +113,14 @@
   }
 
   .offset-wrapper {
+    @media screen and (max-width: 1680px) {
+      max-width: 175px;
+    }
+
+    @media screen and (max-width: 1440px) {
+      max-width: 150px;
+    }
+
     .offset-input {
       font-size: 14px;
       line-height: $default-line-height;

diff --git a/kouncil-frontend/apps/kouncil/src/app/topic/topic-partitions.component.scss b/kouncil-frontend/apps/kouncil/src/app/topic/topic-partitions.component.scss
@@ -1 +1,12 @@
 @import '../../styles/palette';
+
+
+.partitions {
+  @media screen and (max-width: 1680px) {
+    max-width: 170px;
+  }
+
+  @media screen and (max-width: 1440px) {
+    max-width: 150px;
+  }
+}
diff --git a/kouncil-frontend/apps/kouncil/src/app/topic/topic-partitions.component.ts b/kouncil-frontend/apps/kouncil/src/app/topic/topic-partitions.component.ts
@@ -6,7 +6,7 @@ import {ServersService} from '@app/common-servers';
 @Component({
   selector: 'app-topic-partitions',
   template: `
-    <mat-form-field [appearance]="'outline'">
+    <mat-form-field [appearance]="'outline'" class="partitions">
       <mat-select class="select" [(value)]="selectedPartition" (selectionChange)="togglePartition($event)">
         <mat-option [value]="'all'">All partitions</mat-option>
         <mat-option *ngFor="let i of partitions" value="{{i}}">{{i}}</mat-option>