Various improvements to make things happier.

This commit is contained in:
Yaro Kasear 2025-12-31 09:19:11 -06:00
parent 6f175c103e
commit a05218b985
4 changed files with 238 additions and 226 deletions

View file

@ -1,8 +1,18 @@
.grid-widget {
display: flex;
flex-direction: column;
height: 100%;
min-width: 0;
min-height: 0;
}
.grid-widget .grid-wrap {
flex: 1 1 auto;
width: 100%;
height: 80vh;
height: clamp(240px, 50vh, 700px);
position: relative;
overflow: hidden;
min-height: 0;
}
.grid-widget [data-grid] {
@ -12,12 +22,17 @@
height: 100%;
touch-action: none;
margin: 0 auto;
max-width: 100%;
}
.grid-widget [data-toolbar]::-webkit-scrollbar {
height: 8px;
}
.grid-widget [data-grid-wrap] {
min-width: 0;
}
.grid-widget [data-coords] {
bottom: 10px;
pointer-events: none;
@ -31,9 +46,11 @@
}
.grid-widget [data-toolbar] {
flex: 0 0 auto;
width: min(100%, var(--grid-maxw, 100%));
box-sizing: border-box;
margin: 0 auto;
max-width: 100%;
}
.grid-widget [data-dot] {
@ -64,11 +81,11 @@
border-radius: .5rem;
}
.grid-widget .dropdown-menu > *:first-child {
.grid-widget .dropdown-menu>*:first-child {
margin-top: 0;
}
.grid-widget .dropdown-menu > *:last-child {
.grid-widget .dropdown-menu>*:last-child {
margin-bottom: 0;
}