hyperzlib
/
nodebb-theme-persona
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

reorganized account menu

Browse Source
main
psychobunny 9 years ago
parent 5132f0c781
commit 1ec49fdd1a
2 changed files with 46 additions and 39 deletions
Show Stats Download Patch File Download Diff File

33
less/account.less
Unescape Escape View File

@ -12,6 +12,15 @@
left: auto;
right: 0px;
.avatar {
position: absolute;
left: 50%;
margin-left: -64px;
top: 230px;
border: 4px solid white;
border-radius: 50%;
}
&:hover {
.controls {
.opacity(0.8);
@ -108,18 +117,20 @@
}
.account-fab {
.open #profile {
background-color: lighten(@brand-primary, 10%);
}
//
.nav-pills.account-sub-links {
border:none;
> li {
float:right;
.fab {
color: white;
font-size: 20px;
}
}
//
.account-picture-block{
vertical-align:top;
margin-bottom:20px;
@ -159,13 +170,7 @@
}
.account-username-box {
margin-bottom:10px;
.open #profile {
background-color: lighten(@brand-primary, 10%);
}
}
.account-username{
font-size:20px;

52
templates/partials/account_menu.tpl
Unescape Escape View File

@ -1,30 +1,10 @@
<!-- IMPORT partials/breadcrumbs.tpl -->
<div class="account-username-box" data-userslug="{userslug}" data-uid="{uid}">
<ul class="nav nav-pills account-sub-links">
<li>
<a href="#" type="button" class="dropdown-toggle inline-block" data-toggle="dropdown">
[[user:more]]
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</a>
<ul class="dropdown-menu pull-right" role="menu">
<li><a href="{config.relative_path}/user/{userslug}/following"><i class="fa fa-fw fa-users"></i> [[user:following]]</a></li>
<li><a href="{config.relative_path}/user/{userslug}/followers"><i class="fa fa-fw fa-users"></i> [[user:followers]]</a></li>
<li class="divider"></li>
<li><a href="{config.relative_path}/user/{userslug}/topics"><i class="fa fa-fw fa-book"></i> [[global:topics]]</a></li>
<li><a href="{config.relative_path}/user/{userslug}/posts"><i class="fa fa-fw fa-pencil"></i> [[global:posts]]</a></li>
<li><a href="{config.relative_path}/user/{userslug}/groups"><i class="fa fa-fw fa-users"></i> [[global:header.groups]]</a></li>
<!-- IF showHidden -->
<li><a href="{config.relative_path}/user/{userslug}/favourites"><i class="fa fa-fw fa-heart"></i> [[user:favourites]]</a></li>
<li><a href="{config.relative_path}/user/{userslug}/watched"><i class="fa fa-fw fa-eye"></i> [[user:watched]]</a></li>
<!-- ENDIF showHidden -->
<!-- BEGIN profile_links -->
<li id="{profile_links.id}" class="plugin-link <!-- IF profile_links.public -->public<!-- ELSE -->private<!-- ENDIF profile_links.public -->"><a href="{config.relative_path}/user/{userslug}/{profile_links.route}"><i class="fa fa-fw {profile_links.icon}"></i> {profile_links.name}</a></li>
<!-- END profile_links -->
</ul>
</li>
<div class="btn-group account-fab">
<button type="button" class="fab dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-ellipsis-v"></i>
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li>
<a href="{config.relative_path}/user/{userslug}" class="inline-block" id="profile"><i class="fa fa-user"></i> [[user:profile]]</a>
</li>
@ -32,6 +12,20 @@
<li><a href="{config.relative_path}/user/{userslug}/settings"><i class="fa fa-gear"></i> [[user:settings]]</a></li>
<li><a href="{config.relative_path}/user/{userslug}/edit"><i class="fa fa-pencil-square-o"></i> [[user:edit]]</a></li>
<!-- ENDIF showHidden -->
<li class="divider"></li>
<li><a href="{config.relative_path}/user/{userslug}/following"><i class="fa fa-fw fa-users"></i> [[user:following]]</a></li>
<li><a href="{config.relative_path}/user/{userslug}/followers"><i class="fa fa-fw fa-users"></i> [[user:followers]]</a></li>
<li class="divider"></li>
<li><a href="{config.relative_path}/user/{userslug}/topics"><i class="fa fa-fw fa-book"></i> [[global:topics]]</a></li>
<li><a href="{config.relative_path}/user/{userslug}/posts"><i class="fa fa-fw fa-pencil"></i> [[global:posts]]</a></li>
<li><a href="{config.relative_path}/user/{userslug}/groups"><i class="fa fa-fw fa-users"></i> [[global:header.groups]]</a></li>
<!-- IF showHidden -->
<li><a href="{config.relative_path}/user/{userslug}/favourites"><i class="fa fa-fw fa-heart"></i> [[user:favourites]]</a></li>
<li><a href="{config.relative_path}/user/{userslug}/watched"><i class="fa fa-fw fa-eye"></i> [[user:watched]]</a></li>
<!-- ENDIF showHidden -->
<!-- BEGIN profile_links -->
<li id="{profile_links.id}" class="plugin-link <!-- IF profile_links.public -->public<!-- ELSE -->private<!-- ENDIF profile_links.public -->"><a href="{config.relative_path}/user/{userslug}/{profile_links.route}"><i class="fa fa-fw {profile_links.icon}"></i> {profile_links.name}</a></li>
<!-- END profile_links -->
</ul>
</div>
@ -44,4 +38,12 @@
<div class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
<div class="indicator">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
<!-- ENDIF isSelf -->
<div class="avatar">
<!-- IF picture -->
<img src="{picture}" class="user-profile-picture" />
<!-- ELSE -->
<div class="user-icon user-profile-picture" style="background-color: {icon:bgColor};" title="{username}">{icon:text}</div>
<!-- ENDIF picture -->
</div>
</div>
Write Preview
Loading…
Cancel
Save