[yew-devel] [PATCH widget-toolkit-assets 1/2] dialog: side dialog: add drag handle to bottom dialog

[Dominik Csapak]

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 scss/_dialog.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/scss/_dialog.scss b/scss/_dialog.scss
index cd9d533..8121b75 100644
--- a/scss/_dialog.scss
+++ b/scss/_dialog.scss
@@ -230,6 +230,8 @@ dialog.pwt-outer-dialog {
         bottom: 0px;
         left: 0px;
         right: 0px;
+        // for the drag handle
+        padding-top: var(--pwt-spacer-2);
 
         &.visible {
             transform: translateY(0);
@@ -238,5 +240,18 @@ dialog.pwt-outer-dialog {
         &.hidden {
             transform: translateY(100%);
         }
+
+        // drag handle
+        &:before {
+            content: "";
+            height: 4px;
+            position: absolute;
+            opacity: 0.4;
+            width: var(--pwt-spacer-3);
+            background-color: var(--pwt-color-on-surface);
+            border-radius: var(--pwt-dialog-corner-shape);
+            inset-inline-start: calc(50% - var(--pwt-spacer-3) / 2);
+            inset-block-start: calc((var(--pwt-spacer-2) - 4px) / 2);
+        }
     }
 }
-- 
2.39.5