Small bug fixes

UI/Popup/FeatureInfoBox.ts

@@ -6,6 +6,7 @@ import QuestionBox from "./QuestionBox";
 import Combine from "../Base/Combine";
 import TagRenderingAnswer from "./TagRenderingAnswer";
 import State from "../../State";
+import {FixedUiElement} from "../Base/FixedUiElement";
 
 export class FeatureInfoBox extends UIElement {
     private _tags: UIEventSource<any>;
@@ -46,7 +47,8 @@ export class FeatureInfoBox extends UIElement {
                 .SetClass("featureinfobox-titlebar"),
             new Combine([
                     ...this._renderings,
-                    this._questionBox
+                    this._questionBox,
+                    new FixedUiElement("").SetClass("featureinfobox-tail")
                 ]
             ).SetClass("featureinfobox-content"),
         ]).SetClass("featureinfobox")

UI/ShareButton.ts

@@ -22,7 +22,6 @@ export default class ShareButton extends UIElement{
         super.InnerUpdate(htmlElement);
         const self= this;
         htmlElement.addEventListener('click', () => {
-            alert("URL:" + self._shareData.url)
             if (navigator.share) {
                 navigator.share(self._shareData).then(() => {
                     console.log('Thanks for sharing!');

assets/layers/bike_repair_station/bike_repair_station.json

@@ -95,7 +95,8 @@
       "condition":  "operator=De Fietsambassade Gent"
     },
     "wikipedialink",
-    "osmlink"
+    "osmlink",
+    "sharelink"
   ],
   "tagRenderings": [
     "images",
@@ -174,6 +175,34 @@
         }
       ]
     },
+    {
+      "question": {
+        "nl": "Wanneer is dit fietsherstelpunt open?",
+        "en": "When is this bicycle repair point opened?"
+      },
+      "render": "{opening_hours_table()}",
+      "freeform": {
+        "key": "opening_hours",
+        "type": "opening_hours"
+      },
+      "mappings": [
+        {
+          "if": "opening_hours=24/7",
+          "then": {
+            "nl": "Dag en nacht open",
+            "en": "Always opened"
+          }
+        },
+        {
+          "if": "opening_hours=",
+          "then": {
+            "nl": "Dag en nacht open",
+            "en": "Always opened"
+          },
+          "hideInAnswer": true
+        }
+      ]
+    },
     {
       "question": {
         "en": "Does this bike repair station have a special tool to repair your bike chain?",

assets/svg/share.svg

@@ -30,7 +30,7 @@
     <path
        id="path819"
        d="m 19.212364,278.17517 -11.9689358,5.52059 11.9388628,5.50669"
-       style="fill:none;stroke-width:2.43863511;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;stroke:#000000" />
+       style="fill:none !important;stroke-width:2.43863511;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;stroke:#000000" />
     <circle
        r="3.9119694"
        cy="283.69574"

assets/tagRenderings/icons.json

@@ -9,7 +9,7 @@
     ]
   },
   "wikipedialink": {
-    "render": "<a href='https://wikipedia.org/wiki/{wikipedia}' target='_blank'><img src='./assets/wikipedia.svg' alt='WP'/></a>",
+    "render": "<a href='https://wikipedia.org/wiki/{wikipedia}' target='_blank'><img src='./assets/svg/wikipedia.svg' alt='WP'/></a>",
     "condition": "wikipedia~*"
   },
   "phonelink": {

css/fullscreenmessagebox.css

@@ -8,7 +8,7 @@
 }
 
 .fullscreenmessage-content .featureinfobox {
-    padding: 1em;
+    padding-top: 1em;
     position: relative;
 }
 
@@ -34,6 +34,12 @@
  
 }
 
+.fullscreenmessage-content .featureinfobox-tail {
+    display: block;
+    height: 1em;
+}
+
+
 .to-the-map span {
     font-size: xx-large;
 }

css/tagrendering.css

@@ -32,6 +32,7 @@
     max-height: 75vh;
     overflow-y: auto;
     overflow-x: hidden;
+    padding-top: 1em;
 }
 @media only screen and (max-width: 600px), only screen and (max-height: 600px) {
     .featureinfobox-content {

index.css

@@ -521,16 +521,16 @@ a {
     width: 1.5em;
     padding: 0.5em;
     padding-left: 0.4em;
-    fill: var(--subtle-detail-color-contrast);
-    stroke: var(--subtle-detail-color-contrast);
+    fill: var(--subtle-detail-color-contrast) !important;
+    stroke: var(--subtle-detail-color-contrast) !important;
 }
 
 .share-button svg path{
-    fill: var(--subtle-detail-color-contrast);
-    stroke: var(--subtle-detail-color-contrast);
+    fill: var(--subtle-detail-color-contrast) !important;
+    stroke: var(--subtle-detail-color-contrast) !important;
 }
 
 .share-button svg circle{
-    fill: var(--subtle-detail-color-contrast);
-    stroke: var(--subtle-detail-color-contrast);
+    fill: var(--subtle-detail-color-contrast) !important;
+    stroke: var(--subtle-detail-color-contrast) !important;
 }