Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-27 12:36:14 +01:00
Code Issues Projects Releases Wiki Activity

org layout

Browse Source
This commit is contained in:
Kyle Spearrin 2018-07-03 15:44:33 -04:00
parent 9cf15e37ce
commit 499ecf9c39
3 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/layouts/organization-layout.component.html
View File

@ -1,22 +1,31 @@
<app-navbar></app-navbar> <app-navbar></app-navbar>
<div class="orgnav" *ngIf="organization"> <div class="org-nav" *ngIf="organization">
<div class="container d-flex flex-column justify-content-end"> <div class="container d-flex flex-column justify-content-end">
<div class="my-auto d-flex align-items-center pl-1"> <div class="my-auto d-flex align-items-center pl-1">
<app-avatar [data]="organization.name" [width]="45" [height]="45" [circle]="true"></app-avatar> <app-avatar [data]="organization.name" [width]="45" [height]="45" [circle]="true"></app-avatar>
<span>{{organization.name}}</span> <div class="org-name ml-3">
<span>{{organization.name}}</span>
<small class="text-muted">{{'organization' | i18n}}</small>
</div>
</div> </div>
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="#">Active</a> <a class="nav-link" routerLink="vault" routerLinkActive="active">
<i class="fa fa-lock"></i>
{{'vault' | i18n}}
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#">Link</a> <a class="nav-link" routerLink="manage" routerLinkActive="active">
<i class="fa fa-sliders"></i>
{{'manage' | i18n}}
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#">Link</a> <a class="nav-link" routerLink="settings" routerLinkActive="active">
</li> <i class="fa fa-cog"></i>
<li class="nav-item"> {{'settings' | i18n}}
<a class="nav-link disabled" href="#">Disabled</a> </a>
</li> </li>
</ul> </ul>
</div> </div>

3
src/locales/en/messages.json
View File

@ -368,6 +368,9 @@
"myVault": { "myVault": {
"message": "My Vault" "message": "My Vault"
}, },
"vault": {
"message": "Vault"
},
"shareSelected": { "shareSelected": {
"message": "Share Selected" "message": "Share Selected"
}, },

11
src/scss/styles.scss
View File

@ -572,7 +572,7 @@ app-user-billing {
@extend .mt-3; @extend .mt-3;
} }
.orgnav { .org-nav {
background-color: $input-bg; background-color: $input-bg;
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
height: 100px; height: 100px;
@ -604,8 +604,11 @@ app-user-billing {
} }
} }
span { .org-name {
font-size: $font-size-lg; line-height: 1;
@extend .ml-3; span {
font-size: $font-size-lg;
display: block;
}
} }
} }