nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change global menu content on small screen

Browse source
This commit is contained in:
flaburgan 2017-07-31 21:03:11 +02:00
parent ae73294f41
commit 569411acb8
2 changed files with 23 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/assets/stylesheets/header.scss
View file

@ -147,6 +147,28 @@
.nav-badges .dropdown-menu {
width: 300px;
}
#user_menu .dropdown-menu {
display: block;
position: static;
width: 100%;
background-color: transparent;
box-shadow: none;
border: 0;
padding: 0;
margin-top: -8px; // To compensate parent ul margin
a {
color: #9d9d9d;
font-weight: bold;
padding: 10px 15px;
&:hover {
color: #fff;
background-color: transparent;
}
}
}
}
@media (min-width: $grid-float-breakpoint) {

2
app/assets/templates/header_tpl.jst.hbs
View file

@ -69,7 +69,7 @@
<ul class="nav navbar-nav navbar-right">
<li class="dropdown" id="user_menu">
<a href="{{urlTo "person" current_user.guid}}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<a href="{{urlTo "person" current_user.guid}}" class="dropdown-toggle hidden-xs hidden-sm" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="user-avatar pull-left">
{{{personImage current_user "small"}}}
</span>