Various improvements to make things happier.
This commit is contained in:
parent
6f175c103e
commit
a05218b985
4 changed files with 238 additions and 226 deletions
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue