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

Started fixing LESS

Browse source
This commit is contained in:
jtc42 2019-06-10 09:05:16 +01:00
parent 81bb14a812
commit d302a77d6e
2 changed files with 9 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/App.vue
View file

@ -7,7 +7,7 @@
<div class="uk-padding-remove uk-height-1-1 uk-width-auto@m">
<div id="component-switcher-left" class="uk-flex uk-flex-column uk-height-1-1">
<a href="#" @click="setTab('connect')" uk-icon="server" uk-tooltip="pos: right; title: Connect"></a>
<a href="#" class="uk-link" @click="setTab('connect')" uk-icon="server" uk-tooltip="pos: right; title: Connect"></a>
<a href="#" @click="setTab('navigate')" v-bind:class="{'uk-disabled': !this.$store.getters.ready}" uk-icon="location" uk-tooltip="pos: right; title: Navigate"></a>
<a href="#" @click="setTab('capture')" v-bind:class="{'uk-disabled': !this.$store.getters.ready}" uk-icon="camera" uk-tooltip="pos: right; title: Capture"></a>
<a href="#" @click="setTab('settings')" uk-icon="cog" uk-tooltip="pos: right; title: Settings"></a>
@ -179,35 +179,6 @@ body, html {
overflow-x: hidden;
}
.overlay-panel {
position: fixed;
z-index: 99;
}
#overlay-toggle {
width: 0px;
height: 30px;
z-index: 999;
position: absolute;
right: -20px;
top: 24px;
}
.action-btn-outline {
border: 1px solid lightgray;
}
.uk-light .uk-icon-button {
background-color: rgb(52, 52, 52);
}
.uk-light .uk-icon-button:hover, .uk-light .uk-icon-button:focus {
background-color: rgb(70, 70, 70);
}
.uk-light .uk-card-default {
background: #222
}
.uk-disabled {
pointer-events: none;
opacity: 0.5;
@ -228,7 +199,7 @@ body, html {
}
#component-switcher-left a{
padding: 10px 20px;
padding: 12px 20px;
}
#component-switcher-left{

9
src/assets/less/theme.less
View file

@ -9,6 +9,7 @@
// Custom OpenFlexure theming
@global-primary-background: #C32280;
@global-button-background: #C32280;
// UIkit
// ========================================================================
@ -304,8 +305,12 @@ body { overflow: hidden; }
}
/*
* Button
* Button and link
*/
.uk-link:hover, a:hover {
color: @global-button-background;
}
.uk-button {
border-radius: 2px;
}
@ -331,7 +336,7 @@ body { overflow: hidden; }
color: @global-primary-background !important;
}
.tm-button-primary:hover { box-shadow: 0 10px 40px rgba(30,135,240,1); }
.tm-button-primary:hover { box-shadow: 0 10px 40px @global-button-background; }
}