chore: more style fixes

taiga-family · Sep 30, 2024 · 200baaa · 200baaa
1 parent b43b8bd
commit 200baaa
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 7 deletions.
diff --git a/projects/addon-mobile/components/tab-bar/tab-bar.style.less b/projects/addon-mobile/components/tab-bar/tab-bar.style.less
@@ -5,7 +5,6 @@
 
     position: relative;
     display: flex;
-    align-items: flex-start;
     font:
         normal 0.625rem/0.75rem -apple-system,
         BlinkMacSystemFont,

diff --git a/projects/demo/src/modules/markup/colors/index.html b/projects/demo/src/modules/markup/colors/index.html
@@ -24,10 +24,7 @@
     </ng-template>
 
     <ng-template pageTab="Others">
-        <table
-            [colors]="others"
-            [tuiPlatform]="platform"
-        ></table>
+        <table [colors]="others"></table>
         <table
             [attr.tuiTheme]="darkMode() ? 'light' : 'dark'"
             [colors]="others"

diff --git a/projects/kit/directives/button-group/button-group.style.less b/projects/kit/directives/button-group/button-group.style.less
@@ -26,6 +26,15 @@
         color: var(--tui-text-action);
         text-align: center;
         text-decoration: none;
+        clip-path: inset(0);
+
+        &:first-child {
+            clip-path: inset(0 0 0 -10rem);
+        }
+
+        &:last-child {
+            clip-path: inset(0 -10rem 0 0);
+        }
 
         &:active {
             background: var(--tui-background-neutral-1);

diff --git a/projects/layout/components/card/card.styles.less b/projects/layout/components/card/card.styles.less
@@ -10,6 +10,7 @@
     flex-shrink: 0;
     text-decoration: none;
     overscroll-behavior: contain;
+    overflow: hidden;
 
     &[tuiTitle],
     [tuiTitle]:not([tuiCell] *):not([tuiLabel] *) {

diff --git a/projects/layout/components/cell/cell.styles.less b/projects/layout/components/cell/cell.styles.less
@@ -15,6 +15,7 @@
     padding: var(--t-padding);
     min-block-size: var(--t-height);
     border-radius: var(--t-radius);
+    overflow: hidden;
 
     &:disabled {
         pointer-events: none;
@@ -166,7 +167,8 @@
     }
 
     &:hover [tuiCellActions] button,
-    &:hover [tuiCellActions] a {
+    &:hover [tuiCellActions] a,
+    &:hover [tuiCellActions] label {
         opacity: 1;
     }
 
@@ -178,7 +180,8 @@
 
 @media (hover: hover) and (pointer: fine) {
     a[tuiCell]:not([tuiSurface]):hover,
-    button[tuiCell]:not([tuiSurface]):hover {
+    button[tuiCell]:not([tuiSurface]):hover,
+    label[tuiCell]:not([tuiSurface]):hover {
         background: var(--tui-background-neutral-1);
         cursor: pointer;
     }