vaultwarden
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

styling

This commit is contained in:
Kyle Spearrin 2018-01-23 20:27:17 -05:00
parent 8cf3d53772
commit be90728208
2 changed files with 31 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/vault/vault.component.html
View File

@ -26,15 +26,15 @@
<li><a href="#"><i class="fa fa-fw fa-sticky-note-o"></i> Secure Note</a></li> <li><a href="#"><i class="fa fa-fw fa-sticky-note-o"></i> Secure Note</a></li>
</ul> </ul>
<h2><i class="fa fa-folder"></i> Folders</h2> <h2><i class="fa fa-folder"></i> Folders</h2>
<ul> <ul class="fa-ul">
<li *ngFor="let folder of vaultFolders"> <li *ngFor="let folder of vaultFolders">
<a href="#"><i class="fa fa-fw fa-caret-right"></i> {{folder.name}}</a> <a href="#"><i class="fa-li fa fa-caret-right"></i> {{folder.name}}</a>
</li> </li>
</ul> </ul>
<h2><i class="fa fa-cubes"></i> Collections</h2> <h2><i class="fa fa-cubes"></i> Collections</h2>
<ul> <ul class="fa-ul">
<li *ngFor="let collection of vaultCollections"> <li *ngFor="let collection of vaultCollections">
<a href="#"><i class="fa fa-fw fa-caret-right"></i> {{collection.name}}</a> <a href="#"><i class="fa-li fa fa-caret-right"></i> {{collection.name}}</a>
</li> </li>
</ul> </ul>
</div> </div>

32
src/scss/styles.scss
View File

@ -25,6 +25,7 @@ $brand-primary-accent: #286090;
$background-color: white; $background-color: white;
$background-color-alt: #f9fafc; $background-color-alt: #f9fafc;
$background-color-alt2: #ecf0f5;
* { * {
box-sizing: border-box; box-sizing: border-box;
@ -57,6 +58,10 @@ html, body {
color: $text-color; color: $text-color;
} }
body {
border-top: 1px solid $border-color-dark;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: $font-family-sans-serif; font-family: $font-family-sans-serif;
margin: 0; margin: 0;
@ -120,15 +125,32 @@ a {
margin-bottom: 5px; margin-bottom: 5px;
} }
ul { ul:not(.fa-ul) {
margin: 0 0 20px 0;
padding: 0;
li { li {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
}
}
ul.fa-ul {
li {
.fa-li {
left: -11px;
top: 8px;
}
a {
padding-left: 12px;
}
}
}
ul {
padding: 0;
margin: 0 0 15px 0;
li {
a { a {
display: block; display: block;
padding: 5px 0; padding: 5px 0;
@ -147,7 +169,7 @@ a {
} }
#details { #details {
background-color: $background-color; background-color: $background-color-alt2;
flex: 1; flex: 1;
min-width: 400px; min-width: 400px;
} }