livio/LMEMappeCatastaliProApp
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 14 Wiki Activity

Migliora layer e persistenza nomi 0.4.1

Browse Source
This commit is contained in:
livio committed 2026-09-25 08:25:25 +02:00
1 parent 205a520708
commit eb5f51795b
6 files changed
+480 -118
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

wwwroot/css/app.css
+171 -12
View File
@@ -165,6 +165,7 @@ input[type="checkbox"] {
position: absolute;
top: 70px;
right: 12px;
left: auto;
z-index: 1150;
display: grid;
width: min(300px, calc(100vw - 24px));
@@ -240,6 +241,7 @@ input[type="checkbox"] {
position: absolute;
top: 72px;
right: 12px;
left: auto;
bottom: calc(var(--nav-height) + 8px);
z-index: 1080;
display: grid;
@@ -480,24 +482,32 @@ input[type="checkbox"] {
background: var(--layer-group-surface, #fff);
}
.layer-manager-group > summary,
.layer-manager-block > summary {
.layer-manager-group > summary {
background: var(--layer-group-parent, #f6f8f9);
}
.layer-manager-block > summary {
background: color-mix(in srgb, var(--layer-group-parent, #f6f8f9) 72%, white);
}
.layer-manager-object > summary {
background: var(--layer-group-surface, #fff);
background: color-mix(in srgb, var(--layer-group-parent, #f6f8f9) 42%, white);
}
.layer-manager-details,
.layer-group-tools {
background: color-mix(in srgb, var(--layer-group-parent, #f6f8f9) 22%, white);
}
.layer-manager-group > summary,
.layer-manager-block > summary,
.layer-manager-object > summary {
display: grid;
grid-template-columns: 28px minmax(0, 1fr) 50px;
grid-template-columns: 28px 28px minmax(0, 1fr) 50px;
grid-template-areas:
"handle title count"
". visibility moves"
". actions moves";
"handle expand title count"
". . visibility moves"
". . actions moves";
align-items: start;
gap: 6px;
min-height: 38px;
@@ -506,6 +516,24 @@ input[type="checkbox"] {
list-style: none;
}
.layer-expand-button {
grid-area: expand;
grid-row: 1 / span 3;
align-self: center;
justify-self: center;
width: 28px;
min-width: 28px;
height: 28px;
min-height: 28px;
padding: 0;
border: 1px solid #cbd5da;
border-radius: 4px;
background: #fff;
color: var(--ink);
font-size: 18px;
line-height: 1;
}
.layer-manager-group > summary::-webkit-details-marker,
.layer-manager-block > summary::-webkit-details-marker,
.layer-manager-object > summary::-webkit-details-marker {
@@ -750,6 +778,7 @@ input[type="checkbox"] {
justify-self: end;
color: var(--muted);
font-size: 10px;
font-weight: 900;
}
.layer-manager-children {
@@ -769,11 +798,19 @@ input[type="checkbox"] {
}
.layer-manager-object > summary {
grid-template-columns: 24px minmax(0, 1fr) 46px;
grid-template-columns: 24px 24px minmax(0, 1fr) 46px;
gap: 4px;
padding: 3px 4px;
}
.layer-manager-object > summary > .layer-expand-button {
width: 24px;
min-width: 24px;
height: 24px;
min-height: 24px;
font-size: 15px;
}
.layer-manager-object > summary > .layer-drag-handle {
width: 24px;
height: 24px;
@@ -840,6 +877,111 @@ input[type="checkbox"] {
box-shadow: inset 3px 0 #ff00d4;
}
.layer-manager-selection-path > summary {
box-shadow: inset 3px 0 #ff00d4;
}
.project-command-stack {
display: grid;
gap: 8px;
min-width: 0;
}
.project-command-stack > * {
width: 100%;
min-width: 0;
}
.lme-edit-form,
.attribute-editor,
.attribute-editor-rows {
display: grid;
gap: 12px;
}
.lme-edit-form textarea,
.attribute-editor textarea {
min-height: 82px;
resize: vertical;
white-space: pre-wrap;
}
.dialog-command-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.attribute-editor > p {
margin: 0;
color: var(--muted);
font-size: 12px;
}
.attribute-editor-row {
display: grid;
grid-template-columns: minmax(130px, 0.8fr) minmax(180px, 2fr) 36px;
align-items: end;
gap: 8px;
padding-bottom: 10px;
border-bottom: 1px solid var(--line);
}
.attribute-editor-row > button {
width: 36px;
min-width: 36px;
min-height: 36px;
padding: 0;
background: #fff1f2;
color: #b42318;
font-size: 20px;
}
.object-table-legend {
display: flex;
flex-wrap: wrap;
gap: 6px 14px;
margin-bottom: 8px;
color: var(--muted);
font-size: 11px;
}
.object-table-wrap input[type="checkbox"] {
width: 18px;
height: 18px;
}
.geometry-result {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
align-items: center;
gap: 12px;
}
.geometry-result > span {
display: grid;
place-items: center;
width: 42px;
height: 42px;
border-radius: 50%;
background: #dcfce7;
color: #166534;
font-size: 25px;
font-weight: 900;
}
.geometry-result-warning > span { background: #fef3c7; color: #92400e; }
.geometry-result-error > span { background: #ffe4e6; color: #b42318; }
.geometry-result > p { margin: 0; line-height: 1.45; }
.lme-geometry-toolbar a {
display: grid !important;
place-items: center;
font-size: 20px !important;
font-weight: 900;
text-decoration: none;
}
.gps-overlay {
position: absolute;
top: 72px;
@@ -916,14 +1058,15 @@ input[type="checkbox"] {
position: absolute;
top: 0;
bottom: var(--nav-height);
left: 0;
right: 0;
left: auto;
z-index: 1100;
display: flex;
flex-direction: column;
width: min(430px, calc(100% - 48px));
border-right: 1px solid var(--line);
border-left: 1px solid var(--line);
background: var(--panel);
box-shadow: 7px 0 24px rgba(0, 0, 0, 0.24);
box-shadow: -7px 0 24px rgba(0, 0, 0, 0.24);
}
.sheet-header {
@@ -1354,6 +1497,7 @@ footer {
.map-layer-panel {
top: 68px;
right: 8px;
left: auto;
bottom: calc(var(--nav-height) + 8px);
width: 50vw;
}
@@ -1361,6 +1505,7 @@ footer {
.map-navigation-menu {
top: 66px;
right: 8px;
left: auto;
}
.tool-sheet {
@@ -1368,11 +1513,25 @@ footer {
bottom: var(--nav-height);
width: 100%;
border-top: 1px solid var(--line);
border-right: 0;
border-left: 0;
border-radius: 8px 8px 0 0;
box-shadow: 0 -7px 24px rgba(0, 0, 0, 0.24);
}
.attribute-editor-row {
grid-template-columns: minmax(0, 1fr) 36px;
}
.attribute-editor-row > label {
grid-column: 1;
}
.attribute-editor-row > button {
grid-column: 2;
grid-row: 1 / span 2;
align-self: center;
}
.gps-overlay {
top: 68px;
right: 8px;