summaryrefslogtreecommitdiff
path: root/web-ui/app
diff options
context:
space:
mode:
authorGabriel Albo <gabriel@albo.com.br>2015-02-24 16:13:56 -0300
committerGabriel Albo <gabriel@albo.com.br>2015-02-24 16:13:56 -0300
commit622ce98bf08d58584fe4af7e8967a7d579823ca2 (patch)
treed071dfa8431156cca993c184f862391ca55e8d2e /web-ui/app
parentc43e568f1a0ddfefee9510a8e9ad37a548c0b310 (diff)
#296 Hiding custom tags when the left side nav is collaped
Diffstat (limited to 'web-ui/app')
-rw-r--r--web-ui/app/index.html11
-rw-r--r--web-ui/app/scss/styles.scss9
2 files changed, 17 insertions, 3 deletions
diff --git a/web-ui/app/index.html b/web-ui/app/index.html
index 87ab000d..7a8f335f 100644
--- a/web-ui/app/index.html
+++ b/web-ui/app/index.html
@@ -24,7 +24,7 @@
<img id="pixelated-logo" src="/assets/images/pixelated-logo-orange.svg" alt="Pixelated">
</a>
<a class="fake-left-off-canvas-toggle" href="#">
- <i class=" toggle fa fa-navicon"></i>
+ <i class="toggle fa fa-navicon"></i>
</a>
<nav id="tag-list"></nav>
<nav id="logout"></nav>
@@ -89,8 +89,13 @@ $(document).foundation();
$('.fake-left-off-canvas-toggle').click(function (ev) {
ev.preventDefault();
$('.left-off-canvas-toggle').click();
- });
+ if ($('#custom-tag-list').hasClass('expanded')) {
+ $('#custom-tag-list').removeClass('expanded');
+ }
+ else {
+ $('#custom-tag-list').addClass('expanded');
+ }
+ });
</script>
-
</body>
</html>
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index f8c8644c..5cbe1ca5 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -325,6 +325,10 @@ section {
}
ul#custom-tag-list {
+ visibility: hidden;
+ opacity: 0;
+ transition-duration: 500ms;
+
li {
white-space: nowrap;
overflow: hidden;
@@ -337,6 +341,11 @@ section {
}
}
+ ul#custom-tag-list.expanded {
+ visibility: visible;
+ opacity: 1;
+ }
+
div.tags-icon {
margin-bottom: 20px;
i {