Map: manage controls (scaleline, fullscreen, overview, track position) - track position

1 files changed, 57 insertions, 40 deletions

diff --git a/scss/custom.scss b/scss/custom.scss
index 1d7088cab..efeb701b6 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -690,46 +690,6 @@ ul.compact{
     overflow-y: auto;
 }
 
-.window-map{
-    width: 100%;
-    height: 300px;
-    padding-bottom: 1em;
-}
-
-.ishtar-table-map{
-    width: 100%;
-    height: 50%;
-    border: solid 1px $gray-500;
-}
-
-.ishtar-map-popup{
-    background-color: #fff;
-    padding: 0.5em 1em;
-    border-radius: 0.5em;
-    border-style: solid;
-    border-width: 1px;
-    border-color: $gray-500;
-    display: none;
-}
-
-.simple-window-content ul,
-.ishtar-map-popup ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-.ishtar-map-popup::after {
-  content: "";
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-  border-color: $gray-700 transparent transparent transparent;
-}
-
 .lg .lg-sub-html{
     text-align: left;
 }
@@ -822,6 +782,63 @@ ul.compact{
 
 /* ui-autocomplete - end */
 
+
+/* map */
+
+.window-map{
+    width: 100%;
+    height: 300px;
+    padding-bottom: 1em;
+}
+
+.ishtar-table-map{
+    width: 100%;
+    height: 50%;
+    border: solid 1px $gray-500;
+    background: url(../media/images/map-background.jpg) repeat;
+}
+
+.ishtar-map-popup{
+    background-color: #fff;
+    padding: 0.5em 1em;
+    border-radius: 0.5em;
+    border-style: solid;
+    border-width: 1px;
+    border-color: $gray-500;
+    display: none;
+}
+
+.simple-window-content ul,
+.ishtar-map-popup ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.ishtar-map-popup::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: $gray-700 transparent transparent transparent;
+}
+
+.ol-overviewmap {
+    bottom: 3em;
+}
+
+.track-position{
+    left: .5em;
+    top: 5em;
+}
+
+.track-position button{
+    padding-left: 0.1em;
+}
+
 /*
 // required
 @import "bootstrap-src/scss/functions";