fix: improve css selector

gisaia · Jan 28, 2025 · 18e7075 · 18e7075
1 parent 82ee275
commit 18e7075
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 15 deletions.
diff --git a/src/app/modules/analytics-config/components/tabs/tabs.component.html b/src/app/modules/analytics-config/components/tabs/tabs.component.html
@@ -35,7 +35,7 @@
                 <arlas-groups [contentFg]="getTab(index).controls.contentFg" *ngIf="index === selectedIndex">
                 </arlas-groups>
             </mat-tab>
-            <mat-tab>
+            <mat-tab labelClass="last-tab">
                 <ng-template mat-tab-label>
                     <button mat-icon-button (click)="addTab()">
                         <mat-icon>add</mat-icon>

diff --git a/src/app/modules/analytics-config/components/tabs/tabs.component.scss b/src/app/modules/analytics-config/components/tabs/tabs.component.scss
@@ -19,17 +19,15 @@
 @import "variables.scss";
 
 :host ::ng-deep {
-  .tab-wrapper {
-    .mat-mdc-tab-labels .mdc-tab:last-child {
-      .mdc-tab__text-label {
-        min-width: 0;
-        color: unset;
-        opacity: unset;
-      }
+  .last-tab {
+    .mdc-tab__text-label {
+      min-width: 0;
+      color: unset;
+      opacity: unset;
+    }
 
-      .mdc-tab-indicator {
-        display: none;
-      }
+    .mdc-tab-indicator {
+      display: none;
     }
   }
 }

diff --git a/...odules/result-list-config/components/global-result-list/global-result-list.component.html b/...odules/result-list-config/components/global-result-list/global-result-list.component.html
@@ -14,7 +14,7 @@
         </ng-template>
         <arlas-config-form-group [configFormGroup]="listFg" defaultKey="resultlists"></arlas-config-form-group>
     </mat-tab>
-    <mat-tab>
+    <mat-tab labelClass="last-tab">
         <ng-template mat-tab-label>
             <button mat-icon-button matTooltip="{{'Add a data table' | translate}}" matTooltipPosition="right" (click)="addResultList()">
                 <mat-icon>add</mat-icon>

diff --git a/...odules/result-list-config/components/global-result-list/global-result-list.component.scss b/...odules/result-list-config/components/global-result-list/global-result-list.component.scss
@@ -18,8 +18,7 @@
  */
 
 :host ::ng-deep {
-  .list-tab-group {
-    .mat-mdc-tab-labels .mdc-tab:last-child {
+    .last-tab {
       .mdc-tab__text-label {
         min-width: 0;
         color: unset;
@@ -30,7 +29,6 @@
         display: none;
       }
     }
-  }
 }