[EMM-1694] - Header responsive issues fix

revert-70aa11f8
thusithakalugamage 8 years ago
parent 8c98accd18
commit 88ec5246ec

@ -19,6 +19,9 @@
<a href="{{#defineZone "productUri"}}{{@app.context}}/{{/defineZone}}">
<img src="{{@unit.publicUri}}/img/logo.png" alt="{{defineZone "productName"}}"
title="{{defineZone "productName"}}" class="logo" />
<h1>{{#defineZone "productName"}}Unified UI Template App{{/defineZone}}</h1>
<h1>
<span class="hidden-xs">{{#defineZone "productName"}}Unified UI Template App{{/defineZone}}</span>
<span class="visible-xs-inline">{{#defineZone "productNameResponsive"}}UUI Tmpl. App{{/defineZone}}</span>
</h1>
</a>
{{/zone}}

@ -27,12 +27,7 @@
{{@user.username}}<span class="caret"></span>
</span>
</a>
<ul class="dropdown-menu dropdown-menu-right float-remove-xs position-static-xs text-center-xs remove-margin-xs slideInDown"
role="menu">
<li class="dropdown-header visible-xs">
{{@user.username}}<span class="caret"></span>
</li>
<li class="divider visible-xs"></li>
<ul class="dropdown-menu dropdown-menu-right slideInDown" role="menu">
{{#defineZone "userMenu-items"}}
<li>
<a href="{{@app.context}}/signout">Sign Out</a>

@ -18,10 +18,10 @@
{{#zone "header"}}
<header class="header header-default">
<div class="container-fluid">
<div class="pull-left brand float-remove-xs text-center-xs">
<div class="pull-left brand">
{{defineZone "brand"}}
</div>
<div class="pull-right auth float-remove-xs text-center-xs">
<div class="pull-right auth">
{{defineZone "userMenu"}}
</div>
</div>

@ -2791,6 +2791,7 @@ header .brand {
}
header .brand img.logo {
height: 24px;
margin-top:0px;
}
header .brand a {
display: inline-block;
@ -2822,6 +2823,9 @@ header .nav .open > a:focus {
}
header .nav .dropdown-menu {
background: black;
padding:0px;
margin:0px;
top:50px;
}
header .nav .dropdown-menu a {
color: #fff;
@ -2954,7 +2958,7 @@ tbody.collapse.in {
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
padding: 8px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857;
@ -3050,6 +3054,12 @@ tbody.collapse.in {
right: auto;
}
}
@media (max-width : 480px) {
.navbar-right .dropdown-menu-right {
left: auto;
right: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;

Loading…
Cancel
Save