diff --git a/src/SolarEclipse2024.vue b/src/SolarEclipse2024.vue index 065c84b..76e244a 100644 --- a/src/SolarEclipse2024.vue +++ b/src/SolarEclipse2024.vue @@ -895,10 +895,13 @@ latitudeDeg: loc.latitude, longitudeDeg: loc.longitude }; - locationDeg = myLocation; showMyLocationDialog = false; + if (myLocation.latitudeDeg !== locationDeg.latitudeDeg || myLocation.longitudeDeg !== locationDeg.longitudeDeg) { - updateSelectedLocationText(); + locationDeg = myLocation; + $nextTick(() => { + updateSelectedLocationText(); + }); } }" @error="(error: GeolocationPositionError) => { @@ -1077,14 +1080,16 @@
Get Started + class="splash-get-started" + @click="closeSplashScreen" + :color="accentColor" + :density="xSmallSize ? 'compact' : 'default'" + size="x-large" + variant="elevated" + rounded="lg" + > + Get Started +
@@ -1096,7 +1101,7 @@

- New! April 8 weather forecast + New! NOW button, active starting at 6:40am EDT

@@ -1160,7 +1165,7 @@
mdi-arrow-up-bold
- Control or "slide" time yourself! + New! Set time to "Now," or control time yourself!
@@ -1510,6 +1515,20 @@
+ + Now + - - - { + this.nowOutsideTimeRange = Date.now() < this.minTime || Date.now() > this.maxTime; + }, 1000); + if (queryData.latitudeDeg !== undefined && queryData.longitudeDeg !== undefined) { this.selectedTimezone = tzlookup(...[queryData.latitudeDeg, queryData.longitudeDeg]); this.updateSelectedLocationText(); @@ -2887,6 +2889,7 @@ export default defineComponent({ this.showNewMobileUI = !value; }, }, + }, methods: { @@ -4211,7 +4214,7 @@ export default defineComponent({ nearTotality(near: boolean, oldNear: boolean) { if (near) { - this.forceRate = (Math.abs(this.playbackRate) > 10) && this.playing; + this.forceRate = (Math.abs(this.playbackRate) > 10) && this.playing; } // if leaving eclipse reset speed to previous @@ -4836,6 +4839,16 @@ body { } } +#set-time-now-button { + // position: absolute; + // bottom: 15%; + // left: 5%; + margin-left: 3%; + background-color: black !important; + pointer-events: auto; + border: solid 2px; +} + .tool-container { display: flex; width: 99%; @@ -6227,8 +6240,8 @@ video, #info-video { // right: 0.5rem; // top: calc(-1.5 * var(--default-line-height)); display: flex; - flex-direction: column; - gap: 0.5em; + width: 100%; + justify-content: space-between; .v-chip.v-chip--density-default { height: var(--default-line-height);