rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Attached sidebar toggle to sidebar position

Browse source
This commit is contained in:
Joel Collins 2019-02-08 14:03:34 +00:00
parent 9ccb9cf0c9
commit ae76629aa4
1 changed files with 12 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/App.vue
View file

@ -1,13 +1,15 @@
<template> <template>
<div id="app"> <div id="app">
<div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove" margin=0> <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove" margin=0>
<div v-bind:class="responsivePanelLeft" class="toggle-hidden uk-first-column uk-padding-remove uk-card uk-card-default uk-width-auto uk-height-1-1"> <div v-bind:class="responsivePanelLeft" class="uk-padding-remove uk-first-column uk-inline uk-height-1-1">
<panelLeft/>
</div>
<div class="uk-padding-remove uk-height-1-1 uk-width-expand">
<div id="overlay-toggle"> <div id="overlay-toggle">
<a href="" class="uk-icon-button" uk-icon="menu" uk-toggle="target: .toggle-hidden; animation: uk-animation-slide-left-small, uk-animation-slide-left-small" ></a> <a href="" class="uk-icon-button" uk-icon="menu" uk-toggle="target: .toggle-hidden; animation: uk-animation-slide-left-small, uk-animation-slide-left-small" ></a>
</div> </div>
<div class="toggle-hidden uk-padding-remove uk-card uk-card-default uk-width-auto uk-height-1-1">
<panelLeft/>
</div>
</div>
<div class="uk-padding-remove uk-height-1-1 uk-width-expand">
<panelDisplay/> <panelDisplay/>
</div> </div>
</div> </div>
@ -97,13 +99,12 @@ body, html {
} }
#overlay-toggle { #overlay-toggle {
width: 30px; width: 0px;
height: 30px; height: 30px;
position: fixed; z-index: 999;
right: 0; position: absolute;
margin-right: 20px; right: -20px;
margin-top: 12px; top: 24px;
z-index: 999
} }
</style> </style>