habitica/public/css/filters.styl

.filters
  padding: 1em 15px 0.382em
  margin-left: 0.382em
  margin-right: 0em
  &:after
    content: ""
    display: table
    clear: both
  ul
    float: left
    list-style: none
    margin-right: 1em 
  .filters-controls
    @extend $hrpg-button-bar
    hrpg-button-bar-mixin($color-options-menu)
    li
      @extend $hrpg-button-master
      hrpg-button-color-mixin($color-options-menu)
  .filters-tags, .filters-edit
    float: left
  .filters-edit
    margin-bottom: 0.382em
  .filters-tags
    @extend $hrpg-tag-master
    hrpg-tag-color-mixin($color-filter-tag)
    margin-bottom: 0.618em
    &.challenge
      hrpg-tag-color-mixin($color-filter-tag-challenge)
      form
        display: none
  markdown
    display: inline-block
  .hrpg-input-group   
    display: inline-block
    margin-right: 0.618em
    @extend $hrpg-button-with-input
    hrpg-button-color-mixin($color-options-submenu)
Adding first rudimentary version of tagging and filtering. New users get three tags: morning, afternoon and evening. At the moment, one can not change these tags or add new ones. There are also some problems: tagging a newly added task, also tags one of the existing tasks. Also, when having an active filter and removing the corresponding tag from a task, that task is immediately hidden, although you are still editing it. 2013-02-28 15:59:39 +00:00			`.filters`
Corrected gap in filters style 2014-07-19 23:19:50 +00:00			`padding: 1em 15px 0.382em`
feat(filters): add button to hide tags and restyle filters.styl * restyle tags and filter controls using global styles filter.jade * add button to toggle visibility * change controls from icons to text global-modules * add new extends and mixins for button bar and tags global-colors.styl * add tag colours 2014-05-09 15:51:12 +00:00			`margin-left: 0.382em`
			`margin-right: 0em`
Corrected gap in filters style 2014-07-19 23:19:50 +00:00			`&:after`
			`content: ""`
			`display: table`
			`clear: both`
feat(filters): add button to hide tags and restyle filters.styl * restyle tags and filter controls using global styles filter.jade * add button to toggle visibility * change controls from icons to text global-modules * add new extends and mixins for button bar and tags global-colors.styl * add tag colours 2014-05-09 15:51:12 +00:00			`ul`
refactor(filters.styl): minor layout changes 2014-06-05 15:19:12 +00:00			`float: left`
feat(filters): add button to hide tags and restyle filters.styl * restyle tags and filter controls using global styles filter.jade * add button to toggle visibility * change controls from icons to text global-modules * add new extends and mixins for button bar and tags global-colors.styl * add tag colours 2014-05-09 15:51:12 +00:00			`list-style: none`
			`margin-right: 1em`
			`.filters-controls`
			`@extend $hrpg-button-bar`
			`hrpg-button-bar-mixin($color-options-menu)`
			`li`
			`@extend $hrpg-button-master`
			`hrpg-button-color-mixin($color-options-menu)`
			`.filters-tags, .filters-edit`
refactor(filters.styl): minor layout changes 2014-06-05 15:19:12 +00:00			`float: left`
			`.filters-edit`
			`margin-bottom: 0.382em`
feat(filters): add button to hide tags and restyle filters.styl * restyle tags and filter controls using global styles filter.jade * add button to toggle visibility * change controls from icons to text global-modules * add new extends and mixins for button bar and tags global-colors.styl * add tag colours 2014-05-09 15:51:12 +00:00			`.filters-tags`
			`@extend $hrpg-tag-master`
			`hrpg-tag-color-mixin($color-filter-tag)`
refactor(filters.styl): minor layout changes 2014-06-05 15:19:12 +00:00			`margin-bottom: 0.618em`
feat(filters): add button to hide tags and restyle filters.styl * restyle tags and filter controls using global styles filter.jade * add button to toggle visibility * change controls from icons to text global-modules * add new extends and mixins for button bar and tags global-colors.styl * add tag colours 2014-05-09 15:51:12 +00:00			`&.challenge`
			`hrpg-tag-color-mixin($color-filter-tag-challenge)`
			`form`
			`display: none`
refactor(bs3): css 2014-02-09 15:16:43 +00:00			`markdown`
			`display: inline-block`
refactor(filters.styl): minor layout changes 2014-06-05 15:19:12 +00:00			`.hrpg-input-group`
feat(filters): add button to hide tags and restyle filters.styl * restyle tags and filter controls using global styles filter.jade * add button to toggle visibility * change controls from icons to text global-modules * add new extends and mixins for button bar and tags global-colors.styl * add tag colours 2014-05-09 15:51:12 +00:00			`display: inline-block`
			`margin-right: 0.618em`
			`@extend $hrpg-button-with-input`
Fixed over width issue caused by the filters div 2014-07-17 00:54:01 +00:00			`hrpg-button-color-mixin($color-options-submenu)`