Mercurial > gemma
changeset 1073:7845c599f4c9
feat: zoombuttons
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Fri, 26 Oct 2018 12:53:52 +0200 |
parents | 23b1d8c0e782 |
children | ca1c178456e5 |
files | client/src/App.vue client/src/application/assets/application.scss |
diffstat | 2 files changed, 8 insertions(+), 8 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/App.vue Fri Oct 26 10:55:18 2018 +0200 +++ b/client/src/App.vue Fri Oct 26 12:53:52 2018 +0200 @@ -7,14 +7,11 @@ <div class="midcontainer d-flex flex-row"> <div class="leftcontainer"> <Sidebar></Sidebar> + <Zoom></Zoom> <Bottlenecks></Bottlenecks> </div> - <div class="middle"> - - </div> - <div class="rightcontainer"> - - </div> + <div class="middle"></div> + <div class="rightcontainer"></div> </div> <div class="bottomcontainer d-flex flex-row align-items-end"> <Userbar></Userbar> @@ -24,7 +21,7 @@ </div> </div> <div class="d-flex flex-column"> - <router-view /> + <router-view/> </div> </div> </template> @@ -110,6 +107,7 @@ import Linetool from "./linetool/Linetool"; import Morphtool from "./morphtool/Morphtool"; import Pdftool from "./pdftool/Pdftool"; +import Zoom from "./zoom/zoom"; export default { name: "app", @@ -127,7 +125,8 @@ Userbar, Linetool, Morphtool, - Pdftool + Pdftool, + Zoom } }; </script>
--- a/client/src/application/assets/application.scss Fri Oct 26 10:55:18 2018 +0200 +++ b/client/src/application/assets/application.scss Fri Oct 26 12:53:52 2018 +0200 @@ -34,6 +34,7 @@ $transition: 0.5s; $x-large-offset: 3rem; $x-small-offset: 0.25rem; +$zoombutton-container-height: 120px; .debug { border: 1px solid red;