diff --git a/client/public/stylesheets/olympus.css b/client/public/stylesheets/olympus.css index a39ba881..2c82606e 100644 --- a/client/public/stylesheets/olympus.css +++ b/client/public/stylesheets/olympus.css @@ -98,19 +98,20 @@ button[disabled="disabled"] { } .ol-select:not( .ol-select-image ) > .ol-select-value { + align-items: center; background-color: var( --background-grey ); border-radius: var( --border-radius-sm ); + justify-content: center; padding:1em; width:100%; } -.ol-select:not( .ol-select-image ) > .ol-select-value:before { - content: "[ ]"; +.ol-select:not( .ol-select-image ) > .ol-select-value svg { margin-right: 10px; } .ol-select:not( .ol-select-image ) > .ol-select-value:after { - content: "[V]"; + content: url( "/themes/olympus/images/chevron-down.svg" ); margin-left:10px; } @@ -423,4 +424,35 @@ nav.ol-panel > :last-child { #unit-info-panel { display: flex; flex-direction: column; +} + + +#visibility-control { + align-items: center; +} + +#visibility-control button { + border:none; + height:32px; + width:32px; +} + +#visibility-control-aircraft { + background-image: var( --visibility-control-aircraft-visible-url ); +} + +#visibility-control-ground { + background-image: var( --visibility-control-ground-visible-url ); +} + +#visibility-control-sam { + background-image: var( --visibility-control-sam-visible-url ); +} + +#visibility-control-naval { + background-image: var( --visibility-control-naval-visible-url ); +} + +#visibility-control-threat { + background-image: var( --visibility-control-threat-visible-url ); } \ No newline at end of file diff --git a/client/public/themes/olympus/images/chevron-down.svg b/client/public/themes/olympus/images/chevron-down.svg new file mode 100644 index 00000000..800f4fe2 --- /dev/null +++ b/client/public/themes/olympus/images/chevron-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/client/public/themes/olympus/images/visibility_aircraft_hidden.svg b/client/public/themes/olympus/images/visibility_aircraft_hidden.svg new file mode 100644 index 00000000..7acbb8dd --- /dev/null +++ b/client/public/themes/olympus/images/visibility_aircraft_hidden.svg @@ -0,0 +1,4 @@ + + + + diff --git a/client/public/themes/olympus/images/visibility_aircraft_visible.svg b/client/public/themes/olympus/images/visibility_aircraft_visible.svg new file mode 100644 index 00000000..000472f4 --- /dev/null +++ b/client/public/themes/olympus/images/visibility_aircraft_visible.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/client/public/themes/olympus/images/visibility_ground_hidden.svg b/client/public/themes/olympus/images/visibility_ground_hidden.svg new file mode 100644 index 00000000..4993ba3e --- /dev/null +++ b/client/public/themes/olympus/images/visibility_ground_hidden.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/client/public/themes/olympus/images/visibility_ground_visible.svg b/client/public/themes/olympus/images/visibility_ground_visible.svg new file mode 100644 index 00000000..4f14666c --- /dev/null +++ b/client/public/themes/olympus/images/visibility_ground_visible.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/client/public/themes/olympus/images/visibility_naval_hidden.svg b/client/public/themes/olympus/images/visibility_naval_hidden.svg new file mode 100644 index 00000000..48a521bb --- /dev/null +++ b/client/public/themes/olympus/images/visibility_naval_hidden.svg @@ -0,0 +1,4 @@ + + + + diff --git a/client/public/themes/olympus/images/visibility_naval_visible.svg b/client/public/themes/olympus/images/visibility_naval_visible.svg new file mode 100644 index 00000000..bfba32a8 --- /dev/null +++ b/client/public/themes/olympus/images/visibility_naval_visible.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/client/public/themes/olympus/images/visibility_sam_hidden.svg b/client/public/themes/olympus/images/visibility_sam_hidden.svg new file mode 100644 index 00000000..cb9d0a10 --- /dev/null +++ b/client/public/themes/olympus/images/visibility_sam_hidden.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/client/public/themes/olympus/images/visibility_sam_visible.svg b/client/public/themes/olympus/images/visibility_sam_visible.svg new file mode 100644 index 00000000..4beca510 --- /dev/null +++ b/client/public/themes/olympus/images/visibility_sam_visible.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/client/public/themes/olympus/images/visibility_threat_hidden.svg b/client/public/themes/olympus/images/visibility_threat_hidden.svg new file mode 100644 index 00000000..2fb993f1 --- /dev/null +++ b/client/public/themes/olympus/images/visibility_threat_hidden.svg @@ -0,0 +1,4 @@ + + + + diff --git a/client/public/themes/olympus/images/visibility_threat_visible.svg b/client/public/themes/olympus/images/visibility_threat_visible.svg new file mode 100644 index 00000000..6a5580de --- /dev/null +++ b/client/public/themes/olympus/images/visibility_threat_visible.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/client/public/themes/olympus/olympus.css b/client/public/themes/olympus/olympus.css index 0e17e093..5d31045c 100644 --- a/client/public/themes/olympus/olympus.css +++ b/client/public/themes/olympus/olympus.css @@ -45,6 +45,25 @@ + /*** Navbar ***/ + + --visibility-control-aircraft-visible-url: url( "/themes/olympus/images/visibility_aircraft_visible.svg" ); + --visibility-control-aircraft-hidden-url: url( "/themes/olympus/images/visibility_aircraft_hidden.svg" ); + + --visibility-control-ground-visible-url: url( "/themes/olympus/images/visibility_ground_visible.svg" ); + --visibility-control-ground-hidden-url: url( "/themes/olympus/images/visibility_ground_hidden.svg" ); + + --visibility-control-sam-visible-url: url( "/themes/olympus/images/visibility_sam_visible.svg" ); + --visibility-control-sam-hidden-url: url( "/themes/olympus/images/visibility_sam_hidden.svg" ); + + --visibility-control-naval-visible-url: url( "/themes/olympus/images/visibility_naval_visible.svg" ); + --visibility-control-naval-hidden-url: url( "/themes/olympus/images/visibility_naval_hidden.svg" ); + + --visibility-control-threat-visible-url: url( "/themes/olympus/images/visibility_threat_visible.svg" ); + --visibility-control-threat-hidden-url: url( "/themes/olympus/images/visibility_threat_hidden.svg" ); + + + /*** Unit marker settings ***/ diff --git a/client/views/navbar.ejs b/client/views/navbar.ejs index 92569e0e..1953644e 100644 --- a/client/views/navbar.ejs +++ b/client/views/navbar.ejs @@ -44,7 +44,12 @@
-
ArcGIS Satellite
+
+ + + + ArcGIS Satellite +
@@ -66,28 +71,13 @@
- -
-
Caucasus
-
-
- -
-
- -
-
- -
-
-
-
- - - - - +
+ + + + +