The URI of TUHH Docker Registry changed from "" to "". Please update your gitlab-ci.yml files if you use images from this registry.

Commit 7927a0fb authored by Tobias Zeumer's avatar Tobias Zeumer

Zooming buttons: remove zoom slider and improve button layout; #13 #31

parent f6ae30db
......@@ -144,11 +144,9 @@ dd a, #modal a {color: #27827f; text-decoration: none;}
.lng_de, .lng_en {display: none;}
{position: absolute; bottom: 0; left: 5px; padding: 10px 0;}
.btn_zoom {width: 25px; height: 25px; padding: 0;}
/* Hide slider bar for zooming on small devices */
.widget-zoom-slider-container {display: none;}
{position: absolute; bottom: 0; padding: 10px 0; left: 5px;}
.btn_zoom {width: 25px; height: 25px; padding: 0; border-radius: 25px; margin: 0 auto; background-color: #fff; border: none; font-size: 0.55em; box-shadow: 0 0 3px 1px rgba(0,0,0,0.75);}
.zoom-reset {width: 30px; border-radius: 15px; margin: 6px auto;}
#widget-search .termSubject {color: #000;}
#widget-search .termLegend {color: #6BC1BB;}
......@@ -341,15 +339,15 @@ input:checked + .sliderToggle:before
/* Resize and realign widgets (right) on large screen */
#widgets {right: 0; left: auto;}
#search, #settings {right: 4em; left: auto;}
#widget-zoom {right: 5px; left: auto;}
.iconbutton {font-size: 2em;}
{height: 64px; width: 220px; padding: 1.315em 2em; color: #fff; border: 0; background: #515158; border-radius: 0; outline-style: none;} /* height in pixels sucks; later... */
#settings h2 {margin: 5px 0 1em 0; padding: 8px; }
#widget-zoom {right: 1em; left: auto;}
/* Show zoom range for large displays */
.zoom-range {width: 80px; height: 20px; margin: 0; transform-origin: 40px 40px; transform: rotate(-90deg);}
.widget-zoom-slider-container {display: block; height: 80px; width: 25px; overflow: hidden;}
/* Zoom button */
{padding: 15px 0; left: 0;}
.btn_zoom {width: 30px; height: 30px; font-size: 1em;}
.zoom-reset {width: 60px;}
......@@ -402,11 +402,8 @@
<button id="widget_btn_settings" class="iconbutton" aria-label="Show settings"><svg class="icon"><use xlink:href="res/symbols.svg#icon-cog"></use></svg></button>
<div id="widget-zoom">
<button class="zoom-reset btn_zoom">0</button>
<button class="zoom-in btn_zoom" title="Zoom In">+</button>
<div class="widget-zoom-slider-container">
<input type="range" class="zoom-range">
<button class="zoom-reset btn_zoom" title="Reset Zoom">Reset</button>
<button class="zoom-out btn_zoom" title="Zoom Out">-</button>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment