IT-Works/Wegwichtel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

image handling update for route creation
Sonarqube Scanner / Build and analyze (push) Failing after 20s
Details

Browse Source
This commit is contained in:
Florian Zumpe
2026-09-27 21:50:52 +02:00
parent 4b8105188f
commit 7f6d0425d5
16 changed files with 831 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/editor.css
+51 -30
View File
@@ -3,31 +3,30 @@
top: calc(env(safe-area-inset-top) + .45rem);
right: calc(max(.65rem, env(safe-area-inset-right)) + var(--icon-button-size) + .5rem);
z-index: 10000;
display: flex;
align-items: flex-start;
gap: .4rem;
}
.route-control-button,
.route-control-button.ui-button {
.route-control-summary {
display: grid;
width: min(13rem, calc(100vw - var(--icon-button-size) - 5.2rem));
min-width: 0;
width: min(13rem, calc(100vw - (var(--icon-button-size) * 2) - 6rem));
min-height: var(--icon-button-size);
box-sizing: border-box;
align-content: center;
gap: .08rem;
margin: 0;
padding: .35rem .75rem;
overflow: hidden;
border: 2px solid rgba(255, 255, 255, .9);
border-radius: 999px;
background: #24462b;
border: 1px solid rgba(255, 255, 255, .72);
border-radius: .9rem;
background: rgba(36, 70, 43, .94);
color: #fff;
box-shadow: 0 .15rem .55rem rgba(0, 0, 0, .28);
text-align: left;
cursor: pointer;
touch-action: manipulation;
box-shadow: 0 .15rem .55rem rgba(0, 0, 0, .22);
pointer-events: none;
}
.route-control-button strong,
.route-control-button small {
.route-control-summary strong,
.route-control-summary small {
display: block;
min-width: 0;
overflow: hidden;
@@ -35,17 +34,44 @@
white-space: nowrap;
}
.route-control-button strong {
.route-control-summary strong {
font-size: .9rem;
line-height: 1.1;
}
.route-control-button small {
.route-control-summary small {
color: rgba(255, 255, 255, .86);
font-size: .68rem;
line-height: 1.1;
}
.route-control-button,
.route-control-button.ui-button {
display: grid;
place-items: center;
width: var(--icon-button-size);
min-width: var(--icon-button-size);
height: var(--icon-button-size);
min-height: var(--icon-button-size);
box-sizing: border-box;
margin: 0;
padding: .45rem;
overflow: hidden;
border: 2px solid rgba(255, 255, 255, .9);
border-radius: 50%;
background: #24462b;
color: #fff;
box-shadow: 0 .15rem .55rem rgba(0, 0, 0, .28);
cursor: pointer;
touch-action: manipulation;
}
.route-control-button img {
display: block;
width: 100%;
height: 100%;
}
.route-control-button:focus-visible,
.route-control-button.ui-button:focus-visible {
outline: .2rem solid #fff;
@@ -142,7 +168,7 @@
.route-control-actions {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .5rem;
margin-top: .85rem;
padding-top: .75rem;
@@ -172,14 +198,7 @@
display: inline-flex;
justify-content: center;
min-height: 2.75rem;
min-width: 2.75rem;
padding: .5rem;
}
.editor-button img {
display: block;
height: 1.65rem;
width: 1.65rem;
padding: .55rem .85rem;
}
.editor-media-actions {
@@ -511,6 +530,11 @@
resize: vertical;
}
.editor-gpx-group {
display: grid;
gap: .6rem;
}
.editor-secondary-button,
.editor-icon-button {
background: #fff;
@@ -559,11 +583,8 @@
right: calc(max(.5rem, env(safe-area-inset-right)) + var(--icon-button-size) + .35rem);
}
.route-control-button,
.route-control-button.ui-button {
width: min(10.5rem, calc(100vw - var(--icon-button-size) - 4.7rem));
padding-right: .55rem;
padding-left: .55rem;
.route-control-summary {
width: min(10.5rem, calc(100vw - (var(--icon-button-size) * 2) - 5rem));
}
.route-control-dropdown {