backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-22 20:11:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

style(hierarchy tree): improve responsivness

Browse source 
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:
Satche 2022-06-13 11:32:44 +02:00
parent a7cb464b55
commit 55024e667f
1 changed files with 15 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

15
modules/dynamic/hierarchy-tree.js
View file

@ -64,6 +64,17 @@ export function open(props) {
function appendStyleSheet() { function appendStyleSheet() {
const styles = /* css */ ` const styles = /* css */ `
#hierarchyTree {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#hierarchyTree > svg {
height: 100%;
}
#hierarchyTree_selectedOrigins > button { #hierarchyTree_selectedOrigins > button {
margin: 0 2px; margin: 0 2px;
} }
@ -88,6 +99,10 @@ function appendStyleSheet() {
color: #333; color: #333;
} }
#hierarchyTree_originSelector {
display: none;
}
#hierarchyTree_originSelector > form > div { #hierarchyTree_originSelector > form > div {
padding: 0.3em; padding: 0.3em;
margin: 1px 0; margin: 1px 0;