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

started sims section & axes&grid settings for KFEditor

Browse Source
This commit is contained in:
STEINNI
2026-06-05 15:45:27 +00:00
parent ce9e73ac41
commit 5207a3b18e
13 changed files with 309 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/styles/app.css
+59 -6
View File
@@ -27,6 +27,7 @@
--app-menu-collapsed-width: 50px;
--app-menu-expanded-width: 160px;
--app-menu-hover-max-width: 400px;
--app-menu-width: var(--app-menu-expanded-width);
@@ -80,6 +81,53 @@ menu[eicmenu] [menuitem] > a > i, menu[eicmenu] [menuitem] > .nolink > i{
menu[eicmenu] [menuitem] > a > button, menu[eicmenu] [menuitem] > .nolink button {
background: var(--app-color-primary);
}
/* Submenu vertical expand/collapse (overrides EICUI height:0 which breaks transitions) */
menu[eicmenu].app-menu > [menuitem] > ul {
max-height: 30rem;
height: auto !important;
overflow: hidden;
transition: max-height 0.6s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
}
menu[eicmenu].app-menu > [menuitem] > ul[collapsed] {
max-height: 0;
height: auto !important;
padding-top: 0;
padding-bottom: 0;
}
/* Collapsed app menu: show main section icons, hide sub-entries */
menu[eicmenu].app-menu[collapsed] {
width: max-content;
transition: max-width 0.3s ease-in-out;
}
menu[eicmenu].app-menu[collapsed]:not(:hover) {
max-width: var(--app-menu-collapsed-width);
overflow-x: hidden;
}
menu[eicmenu].app-menu[collapsed]:hover {
max-width: var(--app-menu-hover-max-width);
overflow-x: hidden;
}
menu[eicmenu].app-menu[collapsed]:not(:hover) > [menuitem] > .nolink {
display: flex;
justify-content: center;
padding: var(--eicui-base-spacing-xs);
}
menu[eicmenu].app-menu[collapsed]:not(:hover) > [menuitem] > .nolink > label,
menu[eicmenu].app-menu[collapsed]:not(:hover) > [menuitem] > .nolink > button {
display: none;
}
menu[eicmenu].app-menu[collapsed]:not(:hover) > [menuitem] > .nolink > i {
font-size: larger;
margin: 0;
}
menu[eicmenu].app-menu[collapsed]:not(:hover) > [menuitem] > ul {
max-height: 0 !important;
opacity: 0;
padding: 0;
}
[eicapp] .app-workspace {
display: grid;
/*
@@ -366,7 +414,7 @@ input{
padding-left: 1em;
box-sizing: border-box;
height: 2em;
background-color: #6B5;
background-color: #CFC;
border: none;
}
@@ -382,14 +430,19 @@ bz-select > button{
color:#EEE;
}
bz-select > button::after{ color:#EEE; }
bz-select option{
bz-select option,
div.options-container.portaled option{
background-color: #676;
color: #EEE;
}
bz-select option i{ margin-right:0.3em; }
bz-select option i.icon-atom1{ color:#FF4; }
bz-select option i.icon-bug{ color:#4DF; }
bz-select > div.options-container.open { max-height: 20em; }
bz-select option i,
div.options-container.portaled option i{ margin-right:0.3em; }
bz-select option i.icon-atom1,
div.options-container.portaled option i.icon-atom1{ color:#FF4; }
bz-select option i.icon-bug,
div.options-container.portaled option i.icon-bug{ color:#4DF; }
bz-select > div.options-container.open,
div.options-container.portaled.open { max-height: 20em; }
bz-toggler div.toggle-switch span.toggle-bar { background-color: #473; }
bz-toggler div.toggle-switch span.toggle-thumb { background-color:#9D8; }