luxolus
/
open-vault
2
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

extract list-header css component to match header from namespace-picker

This commit is contained in:
Matthew Irish 2018-10-09 23:40:13 -05:00
parent 439287b88f
commit 9049898b4c
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/app/styles/components/namespace-picker.scss
View File

@ -45,13 +45,6 @@
}
}
.namespace-header {
margin: $size-9 $size-9 0;
color: $grey;
font-size: $size-8;
font-weight: $font-weight-semibold;
text-transform: uppercase;
}
.current-namespace {
border-bottom: 1px solid rgba($black, 0.1);
}

10
ui/app/styles/core/lists.scss
View File

@ -4,7 +4,15 @@
&:before {
font-size: $size-5;
color: $white-ter;
content: '|';
content: "|";
position: relative;
}
}
.list-header {
margin: $size-9 $size-9 0;
color: $grey;
font-size: $size-8;
font-weight: $font-weight-semibold;
text-transform: uppercase;
}

2
ui/app/templates/components/namespace-picker.hbs
View File

@ -41,7 +41,7 @@
</div>
</div>
<header class="current-namespace">
<h5 class="namespace-header">Current namespace</h5>
<h5 class="list-header">Current namespace</h5>
<div class="level is-mobile namespace-link">
<span class="level-left">{{if namespacePath (concat namespacePath "/") "root"}}</span>
<ICon @glyph="checkmark-circled-outline" @size="16" @class="has-text-success level-right" />