sora/OTM
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

dev merge (#163)
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
Co-authored-by: soraefir
Co-authored-by: sora-ext
Reviewed-on: #163
This commit is contained in:
sora
2025-03-05 00:11:11 +01:00
parent 78b080dc05
commit 803dd84858
34 changed files with 749 additions and 336 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
src/style/custom.css
View File

@ -1,3 +1,15 @@
body {
background: var(--darkdark);
min-height: 100vh;
display: flex;
flex-direction: column;
}
main {
flex: 1;
}
.leaflet-control-attribution,
.leaflet-popup-close-button {
visibility: hidden;
}
@ -6,30 +18,6 @@
position: absolute;
}
.list-group {
overflow: auto;
white-space: nowrap;
scrollbar-width: none;
padding: 1rem 0rem;
}
.list-group-item {
border: 1px solid var(--darkdark);
display: inline-block;
position: relative;
cursor: pointer;
text-align: center;
padding: 0.5rem 0.8rem;
}
.list-group-item:hover {
filter: brightness(85%);
}
.leaflet-control-attribution {
display: none;
}
.display-none {
display: none;
}
@ -54,7 +42,7 @@
height: 100%;
right: 0;
top: 0;
overflow: scroll;
margin-left: 0;
}
.travel-path-icon {
@ -62,6 +50,9 @@
margin-top: -32px;
}
.input {
max-height: 100%;
}
.ml-auto {
margin-left: auto;
@ -79,6 +70,20 @@
height: 100%;
}
.h-0 {
height: 0%;
overflow: hidden;
}
.w-100 {
width: 100%;
}
.w-0 {
width: 0%;
overflow: hidden;
}
.map-menu {
position: absolute;
display: flex;
@ -113,7 +118,7 @@
}
.map-menu-item:hover {
filter: brightness(150%);
background-color: var(--lightdark);
}
.map-menu-sub {
@ -141,14 +146,8 @@
.leaflet-popup-content {
margin: 10px 20px !important;
/* display: flex;
align-items: center;
justify-content: center;
width: auto !important;
max-width: 100%; */
}
.leaflet-popup>.leaflet-popup-content-wrapper {
border-radius: var(--border-radius);
width: 350px;
@ -188,7 +187,36 @@
filter: brightness(85%);
}
.scroll-content>div:first-child {
.scroll-content.list-group>.list-group-item {
display: none;
}
.list-group-item.placeholder-left.show.bg-dark,
.list-group-item.placeholder-right.show.bg-dark {
background: var(--darkdark);
}
.list-group-item.placeholder-left.show {
margin-left: auto;
color: transparent;
cursor: default;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, var(--white) 50%);
}
.list-group-item.placeholder-right.show {
margin-right: auto;
color: transparent;
cursor: default;
background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, var(--white) 50%);
}
.scroll-content>.list-group-item.active,
.scroll-content>.list-group-item.show {
display: inline-block;
}
.scroll-content>div:nth-child(2) {
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
@ -202,6 +230,137 @@
border-radius: var(--border-radius);
}
.list-group-item.add {
position: absolute;
right: 0;
}
@media (min-width: 768px) {
.scroll-content.list-group>.list-group-item {
display: inline-block;
}
.scroll-content>.list-group-item.placeholder-left,
.scroll-content>.list-group-item.placeholder-right {
display: none;
}
.list-group-item.add {
position: relative;
right: 0;
margin-left: 1em;
}
}
.list-group {
display: flex;
overflow: auto;
white-space: nowrap;
scrollbar-width: none;
padding: 1rem 0rem;
}
.list-group-item>.text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.list-group-item.show {
min-width: 24px;
}
.list-group-item {
border: 1px solid var(--darkdark);
display: inline-block;
position: relative;
cursor: pointer;
text-align: center;
padding: .5rem .5rem;
max-width: calc(100% - 48px);
display: inline-block;
}
.list-group-item.bg-white:hover {
background: var(--blue);
/* filter: brightness(85%); */
}
.mx-datepicker {
width: 100% !important;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 5000;
}
.popup {
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
z-index: 5001;
}
.button {
background-color: var(--lightlight);
border: 0;
border-radius: var(--border-radius);
color: var(--darkdark);
display: inline-block;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
white-space: nowrap;
line-height: 1.2em;
padding: 8px 16px;
margin: 8px 16px;
font-weight: 600;
cursor: pointer;
}
.tooltip {
position: relative;
display: inline-block;
cursor: pointer;
}
.tooltip .tooltip-text {
visibility: hidden;
background-color: var(--white);
color: var(--darkdark);
text-align: center;
border-radius: var(--border-radius);
padding: 2px;
position: absolute;
z-index: 20;
bottom: 0%;
left: 0%;
margin-left: 0px;
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
}
.tooltip:hover .tooltip-text {
visibility: visible;
opacity: 1;
}
.smallbar {
z-index: 10;
position: absolute;
width: 100%;
top: 0;
display: flex;
flex-flow: row;
padding: 8px;
margin: 0 -12px;
}