payfrit/payfrit-biz
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix properties panel overflow and make header sticky

Browse source 
Properties panel was extending off screen due to missing min-height: 0
on flex containers. Made Properties header sticky so it floats as you
scroll through long modifier lists.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
John Mizerek 2026-03-01 22:22:53 -08:00
parent 2bcdcbbed7
commit 195c7d8b3b
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
portal/menu-builder.html
View file

@ -17,6 +17,7 @@
.builder-container { .builder-container {
display: flex; display: flex;
flex: 1; flex: 1;
min-height: 0;
gap: 16px; gap: 16px;
padding: 16px; padding: 16px;
overflow: hidden; overflow: hidden;
@ -468,6 +469,7 @@
/* Properties Panel */ /* Properties Panel */
.builder-properties { .builder-properties {
width: 320px; width: 320px;
min-height: 0;
background: #fff; background: #fff;
border-radius: var(--radius); border-radius: var(--radius);
box-shadow: var(--shadow); box-shadow: var(--shadow);
@ -479,6 +481,12 @@
} }
.properties-header { .properties-header {
position: sticky;
top: -16px;
margin: -16px -16px 0 -16px;
padding: 16px;
background: #fff;
z-index: 1;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;