From 39013828c827805256eee14c2af86bce614d02bd Mon Sep 17 00:00:00 2001
From: "martin.massenberg" <martin.massenberg@schukai.com>
Date: Thu, 22 Feb 2024 15:20:45 +0100
Subject: [PATCH] chore: #144
---
playground/issues/index.html | 51 ++++++++++++++++++++++++++++++++++++
playground/issues/main.js | 11 ++++++++
playground/issues/main.pcss | 12 +++++++++
3 files changed, 74 insertions(+)
create mode 100644 playground/issues/index.html
create mode 100644 playground/issues/main.js
create mode 100644 playground/issues/main.pcss
diff --git a/playground/issues/index.html b/playground/issues/index.html
new file mode 100644
index 000000000..93b302495
--- /dev/null
+++ b/playground/issues/index.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
+
+ <title>Typography</title>
+ <script src="./main.js" type="module"></script>
+</head>
+<body>
+
+
+<main>
+
+ <h1>Issues</h1>
+
+ <h2>#144 Buttons in der button-bar nicht gleich hoch</h2>
+
+ <div style="width: 50px;">
+ <monster-button-bar data-monster-option-popper-placement="left">
+ <div class="monster-button-group">
+ <monster-button data-alvine-role="linkButton" data-monster-option-popper-placement="left" slot="popper" title="ändern">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
+ <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"></path>
+ <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"></path>
+ </svg>
+ </monster-button>
+ <monster-confirm-button data-monster-option-popper-placement="left" slot="popper" data-alvine-role="deleteTaskButton" data-monster-attributes="data-alvine-id path:datatable-task-stream-row.id">
+ <div>
+ <p>Are you sure you want to delete this task ?</p>
+ </div>
+ <div slot="confirm">Yes</div>
+ <div slot="cancel">No</div>
+
+ <div slot="button">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-trash3-fill monster-color-warning-2" viewBox="0 0 16 16">
+ <path d="M11 1.5v1h3.5a.5.5 0 0 1 0 1h-.538l-.853 10.66A2 2 0 0 1 11.115 16h-6.23a2 2 0 0 1-1.994-1.84L2.038 3.5H1.5a.5.5 0 0 1 0-1H5v-1A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5Zm-5 0v1h4v-1a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5ZM4.5 5.029l.5 8.5a.5.5 0 1 0 .998-.06l-.5-8.5a.5.5 0 1 0-.998.06Zm6.53-.528a.5.5 0 0 0-.528.47l-.5 8.5a.5.5 0 0 0 .998.058l.5-8.5a.5.5 0 0 0-.47-.528ZM8 4.5a.5.5 0 0 0-.5.5v8.5a.5.5 0 0 0 1 0V5a.5.5 0 0 0-.5-.5Z"></path>
+ </svg>
+
+ </div>
+ </monster-confirm-button>
+ </div>
+ </monster-button-bar>
+ </div>
+
+
+
+</main>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/playground/issues/main.js b/playground/issues/main.js
new file mode 100644
index 000000000..24ab3a719
--- /dev/null
+++ b/playground/issues/main.js
@@ -0,0 +1,11 @@
+import "../../source/components/style/property.pcss";
+import "../../source/components/style/normalize.pcss";
+import "../../source/components/style/color.pcss";
+import "../../source/components/style/link.pcss";
+import "../../source/components/style/button.pcss";
+import "../../source/components/style/theme.pcss";
+import "../../source/components/style/typography.pcss";
+import "./main.pcss";
+import "../../source/components/form/confirm-button.mjs";
+
+
diff --git a/playground/issues/main.pcss b/playground/issues/main.pcss
new file mode 100644
index 000000000..bf3517c41
--- /dev/null
+++ b/playground/issues/main.pcss
@@ -0,0 +1,12 @@
+@import "../../source/components/style/mixin/property.pcss";
+
+
+@media (prefers-color-scheme: dark) {
+ html {
+ background-color: #000;
+ }
+
+ h1 {
+ color: #fff;
+ }
+}
\ No newline at end of file
--
GitLab