@rt-tools/ui-kit 0.7.0 → 0.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rt-tools/ui-kit",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "license": "Apache-2.0",
   "author": "Yauheni Krumin",
   "type": "module",

package/src/lib/ui-kit/side-menu/menu/rtui-side-menu.component.scss

@@ -373,6 +373,17 @@ $side-menu: (
                 // измерено в витрине, у крестика 9,59 пикселя — своей геометрией кнопки, а не
                 // ступенью. Ближайшая ступень — десять; расхождение в 0,41 пикселя глазом не
                 // видно, а прежние двенадцать читались как перекос лупы внутрь поля.
+                // Отступ отмеряется от края поля, а не от того, что останется после обёртки:
+                // боковой отступ обёртки готового поля зависит от набора, который взял кит, и в
+                // приложении-потребителе он двенадцать пикселей при нуле в витрине. Правка
+                // одного значка сходилась поэтому только здесь, а у потребителя лупа стояла в
+                // двадцати двух пикселях против 9,6 у крестика. Обнулено — и отступ значка
+                // становится всем отступом лупы, где бы кит ни стоял.
+                &::ng-deep .mat-mdc-text-field-wrapper,
+                &::ng-deep .mat-mdc-form-field-icon-prefix {
+                    padding-left: 0;
+                }
+
                 &::ng-deep .mat-mdc-form-field-icon-prefix > .mat-icon {
                     padding: 0 var(--rt-spacing-4) 0 var(--rt-spacing-10);
                 }
@@ -396,9 +407,15 @@ $side-menu: (
         --mat-form-field-container-vertical-padding: var(--rt-spacing-8);
 
         // Зазор между значком и запросом сведён к ступени по той же причине, что и на широком
-        // экране: готовое поле разводит их на шестнадцать пикселей.
+        // экране: готовое поле разводит их на шестнадцать пикселей. Отступ слева и обнуление
+        // отступа обёртки — те же, что и там: поле одно и то же, и разъезжаться им незачем.
+        &::ng-deep .mat-mdc-text-field-wrapper,
+        &::ng-deep .mat-mdc-form-field-icon-prefix {
+            padding-left: 0;
+        }
+
         &::ng-deep .mat-mdc-form-field-icon-prefix > .mat-icon {
-            padding: 0 var(--rt-spacing-4) 0 var(--rt-spacing-12);
+            padding: 0 var(--rt-spacing-4) 0 var(--rt-spacing-10);
         }
     }