Revert "Fix alignment of long label keys and values (#6888)" (#7072)

This reverts commit 48a15ec.
kubermatic · Jan 10, 2025 · 3a50ae6 · 3a50ae6
1 parent 27fa664
commit 3a50ae6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 19 deletions.
diff --git a/modules/web/src/app/shared/components/labels/style.scss b/modules/web/src/app/shared/components/labels/style.scss
@@ -12,21 +12,6 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-.labels-container {
-  .mat-mdc-chip {
-    height: auto;
-
-    .label-key, .label-value {
-      align-items: center;
-      display: flex;
-      min-width: 30%;
-      white-space: normal;
-      width: auto;
-      word-break: break-word;
-    }
-  }
-}
-
 .hide-extra-labels {
   height: 34px;
   overflow: hidden;

diff --git a/modules/web/src/app/shared/components/labels/template.html b/modules/web/src/app/shared/components/labels/template.html
@@ -13,16 +13,15 @@
 See the License for the specific language governing permissions and
 limitations under the License.
 -->
-<div class="labels-container"
-     fxLayout="row"
+<div fxLayout="row"
      fxLayoutGap="8px">
   <mat-chip-set [ngClass]="{'hide-extra-labels': !showHiddenLabels && oneLineLimit}"
                 *ngIf="labelKeys.length > 0">
     <div #chipListLabels
          *ngFor="let labelKey of labelKeys; let i = index">
       <mat-chip *ngIf="!limit || i < limit">
-        <div class="label-key">{{labelKey}}</div>
-        <div class="km-chip-accent label-value"
+        <div>{{labelKey}}</div>
+        <div class="km-chip-accent"
              *ngIf="!!labels[labelKey]">{{labels[labelKey]}}</div>
       </mat-chip>
     </div>