mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-22 12:01:23 +01:00
style(hierarchy tree): improve responsivness
Fix details on the bottom of the dialog Make the tree view take the rest of the available space of the dialog
This commit is contained in:
parent
a7cb464b55
commit
55024e667f
1 changed files with 15 additions and 0 deletions
|
|
@ -64,6 +64,17 @@ export function open(props) {
|
|||
|
||||
function appendStyleSheet() {
|
||||
const styles = /* css */ `
|
||||
|
||||
#hierarchyTree {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#hierarchyTree > svg {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#hierarchyTree_selectedOrigins > button {
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
|
@ -88,6 +99,10 @@ function appendStyleSheet() {
|
|||
color: #333;
|
||||
}
|
||||
|
||||
#hierarchyTree_originSelector {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#hierarchyTree_originSelector > form > div {
|
||||
padding: 0.3em;
|
||||
margin: 1px 0;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue