chore(demo): revert changes in drawer example

mdlufy · mdlufy · commit b84fffc95c6c · 2025-07-28T15:20:16.000+03:00
diff --git a/projects/demo/src/modules/components/drawer/examples/2/index.html b/projects/demo/src/modules/components/drawer/examples/2/index.html
@@ -9,9 +9,8 @@
 <tui-drawer
     *tuiPopup="open()"
     direction="left"
+    class="drawer"
     [overlay]="true"
-    [style.inline-size.rem]="20"
-    [style.top.px]="0"
     (click.self)="onClose()"
 >
     <header class="header">
diff --git a/projects/demo/src/modules/components/drawer/examples/2/index.less b/projects/demo/src/modules/components/drawer/examples/2/index.less
@@ -1,3 +1,9 @@
+.drawer {
+    top: 0;
+    border-radius: 0;
+    inline-size: 20rem;
+}
+
 .header {
     position: sticky;
 }
diff --git a/projects/kit/components/drawer/drawer.style.less b/projects/kit/components/drawer/drawer.style.less
@@ -11,34 +11,32 @@
     border-top-left-radius: 1.25rem;
     border-top-right-radius: 1.25rem;
 
-    &[style*='top: 0'] {
-        border-radius: 0;
-
-        .t-aside {
-            padding-block-start: env(safe-area-inset-top);
-        }
-    }
-
     &.tui-enter,
     &.tui-leave {
         animation-name: tuiFade, tuiSlide;
     }
 
-    &._overlay::before {
-        .transition(opacity);
-
-        content: '';
-        position: fixed;
-        top: -100vh;
-        left: -100vw;
-        right: -100vw;
-        bottom: -100vh;
-        background: var(--tui-service-backdrop);
-        transition-timing-function: ease-out;
-
-        tui-root:has(tui-dialogs .t-overlay_visible) & {
-            opacity: 0;
-            transition-timing-function: ease-in;
+    &._overlay {
+        > .t-aside {
+            padding-block-start: env(safe-area-inset-top);
+        }
+
+        &::before {
+            .transition(opacity);
+
+            content: '';
+            position: fixed;
+            top: -100vh;
+            left: -100vw;
+            right: -100vw;
+            bottom: -100vh;
+            background: var(--tui-service-backdrop);
+            transition-timing-function: ease-out;
+
+            tui-root:has(tui-dialogs .t-overlay_visible) & {
+                opacity: 0;
+                transition-timing-function: ease-in;
+            }
         }
     }
 }
