1
0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-30 22:50:10 +03:00

Feature #4363: Fix provision header row

This commit is contained in:
Daniel Molina 2016-04-13 12:15:26 +02:00
parent 18f6ad0b3a
commit be59195bf8
3 changed files with 35 additions and 11 deletions

View File

@ -16,27 +16,27 @@
<div class="right-content small-12 large-10 columns">
<div class="row">
<div class="small-12 medium-4 columns">
<ul class="menu icon-top provision-header text-center">
<div class="small-12 medium-8 columns">
<ul class="menu provision-header text-center">
<li>
<a href="#" class="provision_image_header" >
<img src="{{logo}}">
</a>
</li>
<li>
<a href"#" class="provision_vms_list_button" id=""> <i class="fa fa-fw fa-lg fa-th"/>{{tr "VMs"}}
<a href"#" class="provision_vms_list_button" id=""> <i class="fa fa-fw fa-th"/>{{tr "VMs"}}
</a>
</li>
{{#isProvisionTabEnabled "provision-tab" "templates"}}
<li>
<a href"#" class="provision_templates_list_button"> <i class="fa fa-fw fa-lg fa-save"/>{{tr "Templates"}}
<a href"#" class="provision_templates_list_button"> <i class="fa fa-fw fa-save"/>{{tr "Templates"}}
</a>
</li>
{{/isProvisionTabEnabled}}
{{#isProvisionTabEnabled "provision-tab" "flows"}}
<li>
<a href"#" class="provision_flows_list_button" id="">
<i class="fa fa-lg fa-fw fa-cubes"/>
<i class="fa fa-fw fa-cubes"/>
{{tr "Services"}}
</a>
</li>
@ -44,7 +44,7 @@
</ul>
</div>
<div class="small-12 medium-8 columns">
<div class="small-12 medium-4 columns">
<div class="user-zone-info right">
</div>
</div>

View File

@ -22,6 +22,11 @@
.user-zone-info {
margin-bottom: 0.5rem;
a {
font-weight: bold;
color: $bold-black;
}
@include breakpoint(small only) {
.username,
@ -49,11 +54,6 @@
display: none;
}
}
a {
font-weight: bold;
color: $bold-black;
}
}
.provision-logo {

View File

@ -135,4 +135,28 @@
padding: rem-calc(4px);
margin-right: 1rem;
}
}
.provision-header {
img {
height: 1.5rem;
}
& > li > a {
font-size: 1.1rem;
font-weight: normal;
color: $dark-gray;
}
& > li.active > a {
background: transparent;
font-weight: bold;
color: $bold-black;
}
& > li > a:hover {
background: transparent;
font-weight: bold;
color: $bold-black;
}
}