meshcore-dev/map.meshcore.dev
1
0
Fork 0
mirror of https://github.com/meshcore-dev/map.meshcore.dev.git synced 2026-04-20 22:13:50 +00:00
Code Issues Projects Releases Packages Wiki Activity

loader, node nick colors, node emoji icons, fresh indicator

Browse source
This commit is contained in:
recrof 2026-01-18 16:04:46 +01:00
parent 21103bf4fa
commit 06dfdd0469
5 changed files with 511 additions and 171 deletions
Download patch file Download diff file Expand all files Collapse all files

53
css/style.css
View file

@ -22,6 +22,21 @@ body:has(dialog[open])::after {
backdrop-filter: blur(10px);
}
body:has(#app .loading)::before {
content: '';
position: absolute;
z-index: 1049;
top: 0;
left: 0;
bottom: 0;
right: 0;
backdrop-filter: grayscale(1) blur(2px);
background-image: url('../img/loader.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 64px;
}
dialog[open] {
z-index: 1050 !important;
}
@ -165,21 +180,17 @@ table.node-info tr td:last-child {
.search-text b {
background-color: #ee0;
}
button.manual-add {
.manual-add {
position: fixed;
z-index: 1000;
display: block;
padding: 12px !important;
bottom: 55px;
right: 10px;
width: 50px;
height: 50px;
border-radius: 5px;
}
button.manual-add::after {
font-size: 40px;
content: '+';
color: #fff;
}
.leaflet-bottom {
position: fixed !important;
@ -204,3 +215,33 @@ button.manual-add::after {
width: auto !important;
height: auto !important;
}
.leaflet-marker-icon.update-recent {
filter: saturate(5) hue-rotate(260deg)
}
.leaflet-marker-icon.update-stale {
filter: saturate(28) hue-rotate(228deg)
}
.leaflet-marker-icon.update-old {
filter: saturate(5) hue-rotate(165deg);
}
.leaflet-marker-icon.update-extinct {
filter: grayscale(100) contrast(16);
opacity: 0.6;
}
time {
cursor: help;
text-decoration: underline;
text-decoration-style: dotted;
}
.user-actions {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 15px;
}