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

[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@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



_______________________________________________
yew-devel mailing list
yew-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel

[yew-devel] [PATCH widget-toolkit-assets 2/2] add mobile theme

[Dominik Csapak]

Using the Material padding, spacing and style and the colors from the
Crsip theme.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
 scss/mobile-yew-style.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 scss/mobile-yew-style.scss

diff --git a/scss/mobile-yew-style.scss b/scss/mobile-yew-style.scss
new file mode 100644
index 0000000..cedadf8
--- /dev/null
+++ b/scss/mobile-yew-style.scss
@@ -0,0 +1,12 @@
+/// Default mobile theme
+///
+/// Padding/spacing from Material but with Crisps color scheme
+
+@import "theme_pre";
+@import "font_sizes_material";
+@import "crisp/theme_colors_crisp";
+@import "theme_scheme_dark";
+@import "theme_scheme_light";
+@import "material/theme_config_material";
+@import "theme_post";
+@import "material/theme_post_material";
-- 
2.39.5



_______________________________________________
yew-devel mailing list
yew-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel

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

[Dietmar Maurer]

applied both patches


_______________________________________________
yew-devel mailing list
yew-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel