andras/floor-planner
Watch
1
0
Fork
You've already forked floor-planner
 0
Code Issues Pull requests 9 Projects Releases Packages Wiki Activity Actions

Simplify
Some checks failed
Deploy to Pages / build (push) Failing after 10m45s
Details

Browse source
This commit is contained in:
Andras Schmelczer 2026-09-11 23:27:29 +01:00
commit 8bf3e3b705
1 changed files with 1443 additions and 1497 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/styles.css
View file

@ -59,15 +59,9 @@ select {
border-radius: 2px;
font-size: 16px;
}
input[type='number'] {
input[inputmode] {
font-family: var(--mono);
font-variant-numeric: tabular-nums;
appearance: textfield;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
appearance: none;
margin: 0;
}
input:disabled {
color: #617085;
@ -149,9 +143,10 @@ small {
font-weight: 600;
}
.app-main {
--planner-bottom-space: 40px;
max-width: 1720px;
margin: auto;
padding: 0 32px 40px;
padding: 0 32px var(--planner-bottom-space);
}
.copy-status {
display: block;
@ -853,7 +848,8 @@ summary span {
}
@media (max-width: 1199px) {
.app-main {
padding: 0 24px 30px;
--planner-bottom-space: 30px;
padding: 0 24px var(--planner-bottom-space);
}
.app-header {
padding: 20px 24px;
@ -898,7 +894,8 @@ summary span {
display: none;
}
.app-main {
padding: 0 14px 25px;
--planner-bottom-space: 25px;
padding: 0 14px var(--planner-bottom-space);
}
.project-bar {
margin: 16px 0;
@ -1410,6 +1407,7 @@ summary span {
}
}
.workspace {
--drawing-height: min(900px, calc(100dvh - 16px - var(--planner-bottom-space)));
display: grid;
grid-template-columns: minmax(370px, 0.85fr) minmax(0, 1.15fr);
gap: 28px;
@ -1540,17 +1538,24 @@ summary span {
margin-top: 20px;
}
.drawing-column {
display: flex;
flex-direction: column;
height: var(--drawing-height);
position: sticky;
top: 16px;
min-width: 0;
align-self: start;
background: #fffdf7;
}
.drawing-column .drawing-viewport {
height: clamp(180px, calc(100dvh - 316px), 780px);
.drawing-column .drawing-card {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
}
.drawing-column:has(.plan-search-status) .drawing-viewport {
height: clamp(160px, calc(100dvh - 391px), 720px);
.drawing-column .drawing-viewport {
flex: 1;
min-height: 0;
}
.drawing-column .room-svg {
width: 100%;
@ -1592,11 +1597,13 @@ summary span {
}
.matching-rooms {
display: flex;
flex-wrap: wrap;
overflow-x: auto;
gap: 6px;
margin-top: 7px;
}
.matching-rooms button {
flex-shrink: 0;
white-space: nowrap;
padding: 6px 10px;
font-size: 12px;
}
@ -1662,6 +1669,7 @@ summary span {
padding-inline: 16px;
}
.workspace {
--drawing-height: clamp(300px, 45dvh, 420px);
display: flex;
flex-direction: column;
gap: 20px;
@ -1675,17 +1683,13 @@ summary span {
top: 0;
z-index: 5;
}
.drawing-column .drawing-viewport,
.drawing-column:has(.plan-search-status) .drawing-viewport {
height: clamp(150px, 25dvh, 240px);
}
.panel-toggle {
font-size: 18px;
min-height: 50px;
scroll-margin-top: 390px;
scroll-margin-top: calc(var(--drawing-height) + 16px);
}
.planner-panel {
scroll-margin-top: 390px;
scroll-margin-top: calc(var(--drawing-height) + 16px);
}
.board-cuts {
padding-inline: 12px;
@ -1697,7 +1701,7 @@ summary span {
select,
button,
summary {
scroll-margin-top: 410px;
scroll-margin-top: calc(var(--drawing-height, 0px) + 16px);
scroll-margin-bottom: 24px;
}
}