From 76fcbfc19f4f9559b9027bb2e1b148b3156f69f7 Mon Sep 17 00:00:00 2001 From: ahstro Date: Mon, 5 Oct 2015 22:17:28 +0200 Subject: [PATCH] Toggle chevron direction When editing a task, there are some expandable options available with a chevron next to them (e.g. 'Tags' and 'Advanced Options'). This commit makes the chevrons' directions toggle based on whether the related option is expanded or collapsed, up and down respectively. --- website/public/css/tasks.styl | 2 ++ website/views/shared/tasks/edit/advanced_options.jade | 1 + website/views/shared/tasks/edit/tags.jade | 2 +- 3 files changed, 4 insertions(+), 1 deletion(-) diff --git a/website/public/css/tasks.styl b/website/public/css/tasks.styl index cbeed74de6..3baa99bf48 100644 --- a/website/public/css/tasks.styl +++ b/website/public/css/tasks.styl @@ -441,6 +441,8 @@ form font-size: 0.75em content: "\E114" padding-left: 0.75em + &.active:after + content: "\E113" //&:not(.mega):after //content: ':' diff --git a/website/views/shared/tasks/edit/advanced_options.jade b/website/views/shared/tasks/edit/advanced_options.jade index 9c206c5766..d7a775fbaa 100644 --- a/website/views/shared/tasks/edit/advanced_options.jade +++ b/website/views/shared/tasks/edit/advanced_options.jade @@ -1,5 +1,6 @@ div(ng-if='::task.type!="reward"') button.advanced-options-toggle.option-title.mega(type='button', + ng-class='{active: task._advanced}', ng-click='task._advanced = !task._advanced', tooltip=env.t('expandCollapse')) =env.t('advancedOptions') diff --git a/website/views/shared/tasks/edit/tags.jade b/website/views/shared/tasks/edit/tags.jade index 697eae67c0..089aa0c408 100644 --- a/website/views/shared/tasks/edit/tags.jade +++ b/website/views/shared/tasks/edit/tags.jade @@ -1,5 +1,5 @@ fieldset.option-group(ng-if='!$state.includes("options.social.challenges")') - p.option-title.mega(ng-click='task._tags = !task._tags', tooltip=env.t('expandCollapse'))=env.t('tags') + p.option-title.mega(ng-class='{active: task._tags}', ng-click='task._tags = !task._tags', tooltip=env.t('expandCollapse'))=env.t('tags') label.checkbox(ng-repeat='tag in user.tags', ng-if='task._tags') input(type='checkbox', ng-model='task.tags[tag.id]') markdown(text='tag.name')