fix legend overlap

nasa-gibs · Jun 26, 2018 · d561f96 · d561f96
1 parent 0c0f55e
commit d561f96
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/tasks/buildCSS.js b/tasks/buildCSS.js
diff --git a/web/css/palettes.css b/web/css/palettes.css
@@ -67,7 +67,8 @@
 
 .wv-palettes-max,
 .wv-palettes-min,
-.wv-palettes-title {
+.wv-palettes-title,
+.wv-running-label {
   white-space: nowrap;
   overflow: hidden;
   display: inline-block;

diff --git a/web/js/map/runningdata.js b/web/js/map/runningdata.js
@@ -96,11 +96,12 @@ export function MapRunningData(models) {
    *
    */
   self.getLabelMarginLeft = function (labelWidth, caseWidth, location, marginLeft) {
+    const padding = 5;
     var offsetLeft = location + marginLeft - (labelWidth / 2);
-    if (offsetLeft + labelWidth > caseWidth) {
-      offsetLeft = caseWidth - labelWidth;
-    } else if (offsetLeft < 5) {
-      offsetLeft = 5;
+    if (offsetLeft + labelWidth + padding > caseWidth) {
+      offsetLeft = caseWidth - labelWidth - padding;
+    } else if (offsetLeft < padding) {
+      offsetLeft = padding;
     }
     return offsetLeft;
   };