wenil/busbar-designer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

holder: fix scad editor panel hidden bug + smaller default height

Browse Source 
The CSS rule `.scad-panel { display: flex }` was overriding the HTML
`hidden` attribute (CSS specificity beats the user-agent rule on the
attribute). Effect: the Close button set hidden=true but the panel
stayed visible, and the panel was visible on first load too.

- Explicit `.scad-panel[hidden] { display: none }` rule restores the
  intended behaviour: Close hides, initial load is hidden.
- Default height 45% -> 30%, with min-height 180px so the editor
  isn't cramped even on small viewports.
This commit is contained in:
wenil
2026-05-25 13:01:50 +03:00
parent 676d976937
commit 73c9495a96
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/holder.css
+8 -1
View File
@@ -178,12 +178,19 @@
.scad-panel { .scad-panel {
position: absolute; position: absolute;
left: 0; right: 0; bottom: 0; left: 0; right: 0; bottom: 0;
height: 45%; height: 30%;
min-height: 180px;
background: var(--bg, #11141a); background: var(--bg, #11141a);
border-top: 1px solid var(--border, #2a2f3a); border-top: 1px solid var(--border, #2a2f3a);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
z-index: 2; z-index: 2;
overflow: hidden;
}
/* The [hidden] attribute alone is overridden by display:flex above —
* make the hide explicit so the Close button actually closes the panel. */
.scad-panel[hidden] {
display: none;
} }
.scad-panel-bar { .scad-panel-bar {
display: flex; display: flex;