Fixed ecliptic and celestial grid lines sometimes being too faint. Improved consistency of font for astronomical symbols.

Author: kshetline

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "svc-ng",
-  "version": "1.4.8",
+  "version": "1.4.9",
   "license": "MIT AND GPL-3.0-or-later",
   "author": "Kerry Shetline <kerry@shetline.com>",
   "scripts": {

package.json

@@ -2,7 +2,7 @@
   <div class="about-dialog">
     <img src="/assets/resources/svc_lunar_eclipse.png" alt="lunar eclipse" width="64" height="64">
     <h2>Sky View Café NP</h2>
-    Version 1.4.8<br><br>
+    Version 1.4.9<br><br>
     Copyright © 2016-2018 Kerry Shetline.
   </div>
 </p-dialog>

src/app/app.component.html

@@ -101,7 +101,8 @@ div.edge-ie-fix-1 {
 
 span.planet-glyph {
   vertical-align: middle;
-  font-size: 1.2em;
+  font-family: Astronomy, Arial, Helvetica, sans-serif;
+  font-size: 1.5em;
   color: #00FF99;
 }
 
@@ -127,13 +128,18 @@ div.phase {
 }
 
 div.daylight {
+  font-family: Astronomy, Arial, Helvetica, sans-serif;
   font-size: 0.833em;
   color: #FFFF99;
   text-shadow: -1px -1px black, -1px 1px black, 1px -1px black, 1px 1px black;
   position: absolute;
-  bottom: 0;
+  bottom: -1px;
   right: 2px;
   text-align: right;
+
+  &::first-letter {
+    font-size: 1.5em;
+  }
 }
 
 div.edge-ie-fix-2 {

src/app/svc/svc-calendar-view/svc-calendar-view.component.scss

@@ -389,7 +389,7 @@ export class SvcCalendarViewComponent implements AfterViewInit {
           const mins = daylight % 60;
           const hours = (daylight - mins) / 60;
 
-          date.daylight = '\u2600' + hours + 'h' + (mins < 10 ? '0' : '') + mins + 'm';
+          date.daylight = '\u263C' + hours + 'h' + (mins < 10 ? '0' : '') + mins + 'm';
         }
         else
           date.daylight = '';

src/app/svc/svc-calendar-view/svc-calendar-view.component.ts

@@ -1043,9 +1043,9 @@ export class SvcSkyViewComponent extends GenericSkyView implements AfterViewInit
 
     if (dc.minStarBrightness > 0) {
       if (this.skyColor === SKY_COLOR.BASIC)
-        gridColor = replaceAlpha(gridColor, 0.4 + 0.15 * dc.minStarBrightness);
+        gridColor = replaceAlpha(gridColor, 0.4 + 0.0015 * dc.minStarBrightness);
       else
-        gridColor = replaceAlpha(gridColor, 0.4 - 0.15 * dc.minStarBrightness);
+        gridColor = replaceAlpha(gridColor, 0.4 - 0.0015 * dc.minStarBrightness);
     }
 
     // Draw celestial equator and lines of celestial latitude
@@ -1138,9 +1138,9 @@ export class SvcSkyViewComponent extends GenericSkyView implements AfterViewInit
 
     if (dc.minStarBrightness > 0) {
       if (this.skyColor === SKY_COLOR.BASIC)
-        gridColor = replaceAlpha(gridColor, 0.4 + 0.15 * dc.minStarBrightness);
+        gridColor = replaceAlpha(gridColor, 0.4 + 0.0015 * dc.minStarBrightness);
       else
-        gridColor = replaceAlpha(gridColor, 0.4 - 0.15 * dc.minStarBrightness);
+        gridColor = replaceAlpha(gridColor, 0.4 - 0.0015 * dc.minStarBrightness);
     }
 
     // Draw ecliptic and lines of ecliptic latitude

src/app/svc/svc-sky-view/svc-sky-view.component.ts

@@ -1 +1 @@
-<div #wrapper class="wrapper"><div class="spacer"></div><div #marquee class="marquee">{{text}}</div></div>
+<div #wrapper class="wrapper"><div class="spacer">&nbsp;</div><div #marquee class="marquee">{{text}}</div></div>

src/app/widgets/ks-marquee/ks-marquee.component.html

@@ -68,8 +68,10 @@ export class KsMarqueeComponent implements AfterViewInit, OnDestroy {
   }
 
   onResize(): void {
-    if (this.animationRequestId)
+    if (this.animationRequestId) {
       window.cancelAnimationFrame(this.animationRequestId);
+      this.animationRequestId = 0;
+    }
 
     if (!this.wrapper || !this.marquee)
       return;
@@ -97,9 +99,9 @@ export class KsMarqueeComponent implements AfterViewInit, OnDestroy {
       this.marquee.scrollLeft = 0;
     }
     else if (now > this.animationStart + HOLD_TIME) {
-      const timeIntoSlide = now - this.animationStart - HOLD_TIME;
+      const timeIntoScroll = now - this.animationStart - HOLD_TIME;
 
-      this.marquee.scrollLeft = min(this.animationWidth, timeIntoSlide / 1000 * MARQUEE_SPEED);
+      this.marquee.scrollLeft = min(this.animationWidth, timeIntoScroll / 1000 * MARQUEE_SPEED);
     }
 
     this.animationRequestId = window.requestAnimationFrame(() => this.animate());

src/app/widgets/ks-marquee/ks-marquee.component.ts

@@ -614,7 +614,7 @@ export class KsSequenceEditorComponent implements AfterViewInit, OnInit, OnDestr
       return false;
     }
 
-    // In at least one version of Android many key events carry no useful information about the key that was
+    // With Android many on-screen keyboard key events carry no useful information about the key that was
     // pressed. They instead match the following test and we have to grab a character out of the hidden
     // input field to find out what was actually typed in.
     if (this.hiddenInput && key === 'Unidentified' && event.keyCode === 229) {
@@ -628,7 +628,7 @@ export class KsSequenceEditorComponent implements AfterViewInit, OnInit, OnDestr
       return true;
 
     // If the built-in auto-repeat is in effect, ignore keystrokes that come along until that auto-repeat ends.
-    if (!this.keyTimer) {
+    if (!this.keyTimer && key !== 'Shift') {
       this.onKey(key);
       this.keyTimer = timer(KEY_REPEAT_DELAY, KEY_REPEAT_RATE).subscribe(() => this.onKey(key));
     }

src/app/widgets/ks-sequence-editor/ks-sequence-editor.component.ts

@@ -60,6 +60,9 @@
   <h2 class="header-sans"><a name="history">What's New / Version History</a></h2>
   <div  style="padding-left: 1em; text-indent: -1em">
 
+  <p><b>1.4.9, 2018-08-04:</b> Fixed ecliptic and celestial grid lines sometimes being too faint. Improved consistency
+    of font for astronomical symbols.</p>
+
   <p><b>1.4.8, 2018-07-30:</b> Fixed problems with one keyboard's too-rapid autorepeat.</p>
 
   <p><b>1.4.7, 2018-07-30:</b> Made pointing with a tablet pen work. Cleaned up console errors.</p>