P42/P42_UI
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better windows height & overflow + graflow autoplace at drawing

Browse Source
This commit is contained in:
STEINNI
2026-01-12 14:12:27 +00:00
parent 092ef2f22d
commit ab63b5c8bb
4 changed files with 62 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/html/test.html
+4 -2
View File
@@ -13,6 +13,7 @@
display: grid;
grid-gap: 5px;
background:#888;
font-size: 16px;
}
.demooptions{
padding: 2px;
@@ -20,9 +21,10 @@
top: 2px;
left: 2px;
width: 10em;
background: #CCC8;
background: #FFFB;
border-radius: 5px;
text-align: center;
z-index:99;
}
.demooptions button{
text-transform: none;
@@ -33,7 +35,7 @@
overflow: scroll;
}
bz-graflow.compunet{ grid-column: 1 / -1; width: 80vw; height: 40vh; background:black; }
bz-graflow.eic{ grid-column: 1 / -1; width: 80vw; height: 40vh; background: var(--eicui-base-color-grey-10); }
bz-graflow.eic{ grid-column: 1 / -1; width: 80vw; height: 20vh; background: var(--eicui-base-color-grey-10); }
bz-graflow.organi{ width: 40vw; height: 100vh; background:black; }
</style>
<script>
app/assets/json/bzGraflow/testFlowEic.json
+3 -3
View File
@@ -4,7 +4,7 @@
"nodes":[
{ "nodeType": "eicBasic",
"id": "aze",
"coords": { "x": 50, "y": 120},
"ncoords": { "x": 50, "y": 120},
"markup": {
"title": "Build attendees list",
"subtitle": "Build an attendees list to email"
@@ -13,7 +13,7 @@
},
{ "nodeType": "eicBasic",
"id": "aze2",
"coords": { "x": 100, "y": 220},
"ncoords": { "x": 100, "y": 220},
"markup": {
"title": "Select message",
"subtitle": "Select an email template"
@@ -22,7 +22,7 @@
},
{ "nodeType": "eicBasic",
"id": "aze3",
"coords": { "x": 150, "y": 320},
"ncoords": { "x": 150, "y": 320},
"markup": {
"title": "Data mapping",
"subtitle": "Associate content variables with attendees data"
app/assets/styles/app.css
+5 -2
View File
@@ -102,6 +102,7 @@ menu[eicmenu] [menuitem] > a > button, menu[eicmenu] [menuitem] > .nolink button
padding-left: var(--app-menu-expanded-width);
}
[eicapp] > [eicmenu][collapsed]:not(:hover) + .app-workspace{
height: calc(100vh - var(--eicui-app-toolbar-height-active) - 0px);
padding-left: var(--app-menu-collapsed-width);
}
[eicapp] .app-workspace .window {
@@ -173,7 +174,8 @@ menu[eicmenu] [menuitem] > a > button, menu[eicmenu] [menuitem] > .nolink button
min-height: calc(100vh - var(--eicui-app-toolbar-height-active));
overflow-y: auto;
}
[eicapp] .app-workspace .window[expanded] > header h1 {
[eicapp] .app-workspace .window[expanded] > header h1,
[eicapp] .app-workspace .window:not([expanded]) > section > article > header{
display:none;
}
[eicapp] .app-workspace .window[expanded] > header .controls {
@@ -278,7 +280,7 @@ menu[eicmenu] [menuitem] > a > button, menu[eicmenu] [menuitem] > .nolink button
margin: 0;
}
article[eiccard][media] > header {
padding: var(--eicui-base-spacing-l) var(--eicui-base-spacing-m) var(--eicui-base-spacing-s) var(--eicui-base-spacing-m);
padding: var(--eicui-base-spacing-s) var(--eicui-base-spacing-m) 0 var(--eicui-base-spacing-m);
}
.eic-session {
@@ -325,6 +327,7 @@ article[eiccard][media] > header {
}
div.window > section:first-of-type > article[eiccard]:first-of-type{
height:100%;
border: 2px solid var(--app-color-primary);
border-radius: .5rem;
}