franzz/livetrail
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Manage map initialization sequence better + Fix map/project radio buttons

Browse Source
This commit is contained in:
franzz
2026-04-24 16:44:11 +02:00
parent 635b3781e3
commit eb0ded0d26
6 changed files with 115 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/_color.scss
+3 -1
View File
@@ -18,10 +18,12 @@ $post-hover: $default-hover;
$post-bg: $default-bg;
$message: hsl(109, 45%, 27%);
$message-flashy: hsl(148, 100%, 50%);
$message-hover: color.adjust($message, $lightness: -10%, $space: hsl);
$message-bg: color.adjust($message, $lightness: 60%, $space: hsl);
$media: hsl(214, 45%, 27%);
$media-flashy: hsl(193, 100%, 50%);
$media-hover: color.adjust($media, $lightness: -10%, $space: hsl);
$media-bg: color.adjust($media, $lightness: 60%, $space: hsl);
$media-bg-light: color.adjust($media, $lightness: 60%, $alpha: -0.4, $space: hsl);
@@ -38,7 +40,7 @@ $download-hover: #0078A8;
//Legend colors
$legend: $default;
$main-track: #00ff78;
$main-track: $message-flashy;
$off-track: #0000ff;
$hitchhiking: #ff7814;
src/styles/_fa.scss
+2
View File
@@ -71,7 +71,9 @@
.#{variables.$fa-css-prefix}-post:before { content: functions.fa-content(variables.$fa-var-comment); }
.#{variables.$fa-css-prefix}-media:before { content: functions.fa-content(variables.$fa-var-photo-video); }
.#{variables.$fa-css-prefix}-video:before { content: functions.fa-content(variables.$fa-var-film); }
.#{variables.$fa-css-prefix}-video-in:before { content: functions.fa-content(variables.$fa-var-film); }
.#{variables.$fa-css-prefix}-image:before { content: functions.fa-content(variables.$fa-var-image); }
.#{variables.$fa-css-prefix}-image-in:before { content: functions.fa-content(variables.$fa-var-image); }
.#{variables.$fa-css-prefix}-message:before { content: functions.fa-content(variables.$fa-var-map-marker); }
.#{variables.$fa-css-prefix}-message-in:before { content: functions.fa-content(variables.$fa-var-shoe-prints); }
.#{variables.$fa-css-prefix}-time:before { content: functions.fa-content(variables.$fa-var-clock); }
src/styles/_page.project.feed.scss
+28 -25
View File
@@ -51,20 +51,6 @@
}
}
.message {
margin: 0;
}
.signature {
margin: var.$elem-spacing 0 0 0;
text-align: right;
font-style: italic;
img {
vertical-align: baseline;
margin: 0 0.2em calc((1em - 24px)/2) 0;
position: relative;
}
}
.header {
padding: 0 var.$block-spacing;
position: relative;
@@ -91,6 +77,7 @@
}
}
}
.body {
clear: both;
padding: 0em var.$block-spacing var.$block-spacing;
@@ -191,6 +178,22 @@
&.post {
.body {
padding: 0em 1em 0.5em;
.message {
margin: 0;
}
.signature {
margin: var.$elem-spacing 0 0 0;
text-align: right;
font-style: italic;
img {
vertical-align: baseline;
margin: 0 0.2em calc((1em - 24px)/2) 0;
position: relative;
}
}
}
}
@@ -218,6 +221,17 @@
background: color.$media-bg-light;
}
.drill-icon {
font-size: 3em;
.fa-drill-image {
color: transparent;
}
.fa-drill-video {
color: color.$over-img-bg;
}
}
&:hover {
.drill-icon {
.fa-drill-image, .fa-drill-video {
@@ -229,17 +243,6 @@
opacity: 0;
}
}
.drill-icon {
font-size: 3em;
.fa-drill-image {
color: transparent;
}
.fa-drill-video {
color: color.$over-img-bg;
}
}
}
img {
src/styles/_page.project.scss
+14 -6
View File
@@ -1,3 +1,4 @@
@use "fa/variables";
@use "var";
@use "color";
@@ -35,23 +36,30 @@
}
}
.fa-stack {
.fa-message {
.#{variables.$fa-css-prefix}-stack {
.#{variables.$fa-css-prefix}-message {
font-size: 32px;
text-shadow: color.$over-img-shadow 3px 3px 3px;
color: color.$main-track;
color: color.$message-flashy;
}
.fa-message-in {
.#{variables.$fa-css-prefix}-media {
@extend .#{variables.$fa-css-prefix}-message;
color: color.$media-flashy;
}
.#{variables.$fa-css-prefix}-message-in {
font-size: 13px;
color: color.$message;
top: 1px;
}
.fa-track-start, .fa-track-end {
.#{variables.$fa-css-prefix}-media-in {
color: color.$media;
}
.#{variables.$fa-css-prefix}-track-start, .#{variables.$fa-css-prefix}-track-end {
color: color.$track-start;
font-size: 14px;
top: 1px;
}
.fa-track-end {
.#{variables.$fa-css-prefix}-track-end {
color: color.$track-end;
}
}