mirror of https://github.com/Chocobozzz/PeerTube
Client: add titles to menu blocks
parent
09223546a4
commit
6562f1f727
|
@ -1,13 +1,25 @@
|
||||||
menu {
|
menu {
|
||||||
background-color: $black-background;
|
background-color: $black-background;
|
||||||
padding: 20px;
|
padding: 25px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
|
.panel-block {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block-title {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: bold;
|
||||||
|
color: $menu-color-block;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
|
margin-left: 5px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
color: #9cabb8;
|
color: $menu-color-link;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: color 0.3s;
|
transition: color 0.3s;
|
||||||
|
|
||||||
|
@ -17,7 +29,7 @@ menu {
|
||||||
}
|
}
|
||||||
|
|
||||||
.glyphicon {
|
.glyphicon {
|
||||||
margin-right: 20px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover, &.active {
|
&:hover, &.active {
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
<menu>
|
<menu>
|
||||||
<div class="panel-block">
|
<div class="panel-block">
|
||||||
|
<div class="block-title">Account</div>
|
||||||
|
|
||||||
<div id="panel-user-login" class="panel-button">
|
<div id="panel-user-login" class="panel-button">
|
||||||
<a *ngIf="!isLoggedIn" routerLink="/login" routerLinkActive="active">
|
<a *ngIf="!isLoggedIn" routerLink="/login" routerLinkActive="active">
|
||||||
<span class="hidden-xs glyphicon glyphicon-log-in"></span>
|
<span class="hidden-xs glyphicon glyphicon-log-in"></span>
|
||||||
|
@ -24,6 +26,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="panel-block">
|
<div class="panel-block">
|
||||||
|
<div class="block-title">Videos</div>
|
||||||
|
|
||||||
<a routerLink="/videos/list" routerLinkActive="active">
|
<a routerLink="/videos/list" routerLinkActive="active">
|
||||||
<span class="hidden-xs glyphicon glyphicon-list"></span>
|
<span class="hidden-xs glyphicon glyphicon-list"></span>
|
||||||
See videos
|
See videos
|
||||||
|
@ -35,8 +39,10 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="panel-block">
|
<div *ngIf="isUserAdmin()" class="panel-block">
|
||||||
<a *ngIf="isUserAdmin()" routerLink="/admin" routerLinkActive="active">
|
<div class="block-title">Other</div>
|
||||||
|
|
||||||
|
<a routerLink="/admin" routerLinkActive="active">
|
||||||
<span class="hidden-xs glyphicon glyphicon-cog"></span>
|
<span class="hidden-xs glyphicon glyphicon-cog"></span>
|
||||||
Administration
|
Administration
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -3,6 +3,9 @@ $grey-color: #555;
|
||||||
$black-background: #1d2125;
|
$black-background: #1d2125;
|
||||||
$grey-background: #f6f2f2;
|
$grey-background: #f6f2f2;
|
||||||
|
|
||||||
|
$menu-color-link: #9cabb8;
|
||||||
|
$menu-color-block: #686f77;
|
||||||
|
|
||||||
$header-height: 65px;
|
$header-height: 65px;
|
||||||
$header-border-color: #e9eff6;
|
$header-border-color: #e9eff6;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue