Skip to content
Snippets Groups Projects
Commit 39013828 authored by Martin Massenberg's avatar Martin Massenberg
Browse files

chore: #144

parent 13f92463
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
playground/issues/index.html 0 → 100644
+ 51
− 0
View file @ 39013828
<!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
playground/issues/main.js 0 → 100644
+ 11
− 0
View file @ 39013828
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";
playground/issues/main.pcss 0 → 100644
+ 12
− 0
View file @ 39013828
@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
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment