panel/baseui
1
0
Fork 0
Code Issues 8 Pull Requests Releases Wiki Activity

Change Topbar Height, Fixed Outline on a-click

Browse Source
This commit is contained in:
Mathias Fritsche
2017-09-12 09:26:56 +02:00
parent da7c230927
commit c037fc6eac
3 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app.less
View File

@@ -82,6 +82,9 @@ strong {font-weight:700;}
mark {color: @cms_brand_secondary;} mark {color: @cms_brand_secondary;}
a {text-decoration:none; color: @cms_brand_secondary;} a {text-decoration:none; color: @cms_brand_secondary;}
a:hover {color:#901624;} a:hover {color:#901624;}
a:focus {
outline: none;
}
/*-------------------------------------------------------------- /*--------------------------------------------------------------
@@ -204,7 +207,7 @@ button{
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Content Area # Content Area
--------------------------------------------------------------*/ --------------------------------------------------------------*/
.content_area {position:absolute; left:70px; top:40px; right:0px; height: 100%;} .content_area {position:absolute; left:70px; top:50px; right:0px; height: 100%;}
.content_main {position:relative; top:0px; padding:25px;} .content_main {position:relative; top:0px; padding:25px;}
.cms_content_main_headline {margin-bottom:20px; position:relative;} .cms_content_main_headline {margin-bottom:20px; position:relative;}

3
src/components/sidebar.vue
View File

@@ -19,6 +19,7 @@
<style lang="less"> <style lang="less">
@import "../mixins"; @import "../mixins";
@bar_height: 50px;
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Left Sidebar (Main Navigation) # Left Sidebar (Main Navigation)
@@ -26,7 +27,7 @@
.sidebar { .sidebar {
position: fixed; position: fixed;
left: 0px; left: 0px;
top: 40px; top: @bar_height;
bottom: 0px; bottom: 0px;
background: @ui_bg; background: @ui_bg;
color: white; color: white;

17
src/components/topbar.vue
View File

@@ -81,7 +81,7 @@ export default {
<style lang="less"> <style lang="less">
@import "../mixins.less"; @import "../mixins.less";
@bar_height: 40px; @bar_height: 50px;
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Topbar (Sitename) # Topbar (Sitename)
@@ -119,7 +119,7 @@ export default {
width: 30px; width: 30px;
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
padding-top: 4px; padding-top: 8px;
} }
} }
@@ -159,7 +159,7 @@ export default {
&>.trigger { &>.trigger {
.clearfix(); .clearfix();
display: block; display: block;
padding: 4px 10px; padding: 9px 10px;
font-size: 0; font-size: 0;
color: white; color: white;
user-select: none; user-select: none;
@@ -239,4 +239,15 @@ export default {
.trigger_btn .icon:before{transform: rotate(180deg);} .trigger_btn .icon:before{transform: rotate(180deg);}
} }
} }
@media(max-width: @screen-xs-max) {
.user_profile {
&>.trigger {
.text {
display:none;
}
}
}
}
</style> </style>