chore: fix tick labels alignment

taiga-family · Feb 10, 2025 · 13ab79f · 13ab79f
1 parent c670cf8
commit 13ab79f
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 3 deletions.
diff --git a/projects/core/styles/mixins/slider.less b/projects/core/styles/mixins/slider.less
@@ -28,6 +28,7 @@
         }
     }
 
+    tui-textfield + &, /* TODO: add :has([tuiInputSlider]) */
     tui-input-slider + & {
         margin-left: calc(var(--tui-radius-m) / 2 + @first-tick-center);
     }

diff --git a/projects/demo/src/modules/components/input-number-legacy/index.html b/projects/demo/src/modules/components/input-number-legacy/index.html
@@ -32,7 +32,7 @@ <h3>There are also other components to input numbers:</h3>
                 <li class="tui-list__item">
                     <a
                         tuiLink
-                        [routerLink]="docPages.InputSliderLegacy"
+                        [routerLink]="docPages.InputSlider"
                     >
                         <strong>InputSlider</strong>
                     </a>

diff --git a/projects/demo/src/modules/components/input-slider/examples/3/index.less b/projects/demo/src/modules/components/input-slider/examples/3/index.less
@@ -6,4 +6,16 @@
     color: var(--tui-text-secondary);
     align-items: center;
     margin-top: 0.25rem;
+
+    & > [tuiIconButton]:first-child {
+        justify-content: start;
+    }
+
+    & > [tuiIconButton]:last-child {
+        justify-content: end;
+    }
+
+    & > [tuiIconButton]::before {
+        margin: 0;
+    }
 }
diff --git a/projects/demo/src/modules/components/input/index.html b/projects/demo/src/modules/components/input/index.html
@@ -77,7 +77,7 @@
                     ,
                     <a
                         tuiLink
-                        [routerLink]="routes.InputSliderLegacy"
+                        [routerLink]="routes.InputSlider"
                     >
                         <code>InputSlider</code>
                     </a>

diff --git a/projects/demo/src/modules/components/utils/tokens/examples/5/index.html b/projects/demo/src/modules/components/utils/tokens/examples/5/index.html
@@ -59,7 +59,7 @@ <h3>Components that are customizable:</h3>
             <li class="tui-list__item">
                 <a
                     tuiLink
-                    [routerLink]="routes.InputSliderLegacy"
+                    [routerLink]="routes.InputSlider"
                 >
                     TuiInputSliderComponent
                 </a>
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,6 +28,7 @@ @@
             }
         }
+        tui-textfield + &, /* TODO: add :has([tuiInputSlider]) */
         tui-input-slider + & {
             margin-left: calc(var(--tui-radius-m) / 2 + @first-tick-center);
         }
@@ Expand Down @@