mirror of
https://github.com/sudoxnym/habitica.git
synced 2026-08-04 09:39:23 +00:00
285041cdee
* Added initial group tasks ui * Changed group compnent directory * Added group task checklist support * Added checklist support to ui * Fixed delete tags route * Added checklist routes to support new group tasks * Added assign user tag input * Added new group members autocomplete directive * Linked assign ui to api * Added styles * Limited tag use * Fixed line endings * Updated to new file structure * Fixed failing task tests * Updatd with new checklist logic and fixed columns * Added purchased info to group and prevented non purchased group from seeing new group tasks * Updated add task function * Added userid check back to tag routes * Marked tag tests as pending * Added comments to pending tests * Added back routes accidently deleted * Added locale strings * Other clarity fixes * Moved common task function to task service * Removed files from manifest * Fixed naming collision and remove logic * Removed group get tasks until live * Fixed test to check update task. Removed extra removeTask call. Synced updated checklists. Added purchased to noset * Fixed delete group task
217 lines
4.1 KiB
Stylus
217 lines
4.1 KiB
Stylus
group-members-autocomplete
|
|
.clearfix:before, .clearfix:after
|
|
display block
|
|
content ""
|
|
line-height 0
|
|
clear both
|
|
|
|
.taggle_list
|
|
float left
|
|
width 100%
|
|
li
|
|
float left
|
|
display inline-block
|
|
white-space nowrap
|
|
font-weight 500
|
|
margin-bottom 5px
|
|
.taggle
|
|
margin-right 8px
|
|
background #E2E1DF
|
|
padding 5px 10px
|
|
border-radius 3px
|
|
position relative
|
|
cursor pointer
|
|
transition all .3s
|
|
-webkit-animation-duration 1s
|
|
animation-duration 1s
|
|
-webkit-animation-fill-mode both
|
|
animation-fill-mode both
|
|
.close
|
|
font-size 1.1rem
|
|
position absolute
|
|
top 5px
|
|
right 3px
|
|
text-decoration none
|
|
padding-left 2px
|
|
padding-top 3px
|
|
line-height 0.5
|
|
color #ccc
|
|
color rgba(0, 0, 0, 0.2)
|
|
padding-bottom 4px
|
|
display none
|
|
border 0
|
|
background none
|
|
cursor pointer
|
|
&:hover
|
|
color $color-purple
|
|
&:hover
|
|
padding 5px
|
|
padding-right 15px
|
|
background #ccc
|
|
transition all .3s
|
|
& > .close
|
|
display block
|
|
.taggle_hot
|
|
background #cac8c4
|
|
|
|
.taggle_input
|
|
border none
|
|
outline none
|
|
font-size 16px
|
|
font-weight 300
|
|
padding 8px
|
|
padding-left 0
|
|
float left
|
|
margin-top -5px
|
|
background none
|
|
width 100%
|
|
max-width 100%
|
|
|
|
.taggle_placeholder
|
|
position absolute
|
|
color #CCC
|
|
top 12px
|
|
left 8px
|
|
transition opacity, .25s
|
|
-webkit-user-select none
|
|
-moz-user-select none
|
|
-ms-user-select none
|
|
user-select none
|
|
|
|
.taggle_sizer
|
|
padding 0
|
|
margin 0
|
|
position absolute
|
|
top -500px
|
|
z-index -1
|
|
visibility hidden
|
|
|
|
textarea.input,
|
|
.textarea.input
|
|
border 0
|
|
background #FDFDFD
|
|
box-shadow inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.7)
|
|
min-height 60px
|
|
padding 8px
|
|
border-radius 3px
|
|
color #555
|
|
transition all .25s
|
|
cursor text
|
|
margin-bottom 10px
|
|
position relative
|
|
|
|
.textarea.input:focus,
|
|
.textarea.input.active,
|
|
textarea.input:focus,
|
|
textarea.input.active
|
|
background #fff
|
|
transition all .25s
|
|
|
|
.textarea.input,
|
|
textarea.input
|
|
height auto
|
|
|
|
.textarea
|
|
&.tags
|
|
position relative
|
|
*
|
|
box-sizing content-box
|
|
|
|
.placeholder_input
|
|
position relative
|
|
span
|
|
position absolute
|
|
color #AAA
|
|
top 50%
|
|
margin-top -11px
|
|
left 10px
|
|
input
|
|
width 120px
|
|
|
|
.ui-autocomplete
|
|
position absolute
|
|
top 0
|
|
left 0
|
|
max-height 200px
|
|
width 99% !important
|
|
|
|
.ui-menu
|
|
list-style none
|
|
padding 2px
|
|
margin 0
|
|
display block
|
|
outline none
|
|
.ui-menu-item
|
|
margin 0
|
|
padding 0
|
|
width 100%
|
|
a
|
|
text-decoration none
|
|
display block
|
|
padding 2px .4em
|
|
line-height 1.5
|
|
min-height 0
|
|
font-weight normal
|
|
color #8a8a8a
|
|
cursor pointer
|
|
&:hover
|
|
color #fff
|
|
background $color-purple
|
|
|
|
.ui-widget-content
|
|
background #fff
|
|
color $color-purple
|
|
|
|
.ui-state-hover,
|
|
.ui-widget-content .ui-state-hover,
|
|
.ui-widget-header .ui-state-hover,
|
|
.ui-state-focus,
|
|
.ui-widget-content .ui-state-focus,
|
|
.ui-widget-header .ui-state-focus
|
|
background $color-purple
|
|
color #fff !important
|
|
|
|
.ui-state-hover a,
|
|
.ui-state-hover a:hover,
|
|
.ui-state-hover a:link,
|
|
.ui-state-hover a:visited
|
|
color #fff
|
|
|
|
.ui-state-active,
|
|
.ui-widget-content .ui-state-active,
|
|
.ui-widget-header .ui-state-active
|
|
border 1px solid #aaaaaa
|
|
background #ffffff
|
|
font-weight normal
|
|
color #212121
|
|
|
|
.ui-helper-hidden
|
|
display none
|
|
|
|
.ui-helper-hidden-accessible
|
|
border 0
|
|
clip rect(0 0 0 0)
|
|
height 1px
|
|
margin -1px
|
|
overflow hidden
|
|
padding 0
|
|
position absolute
|
|
width 1px
|
|
|
|
.autocomplete
|
|
max-height 200px
|
|
position absolute
|
|
top 66px
|
|
background white
|
|
width 99.5%
|
|
left 0.25%
|
|
z-index 2
|
|
ul
|
|
li
|
|
display block
|
|
padding 6px 8px
|
|
|
|
.autocomplete ul li.selected, .autocomplete ul li:hover
|
|
background #ff6633
|
|
color #fff
|
|
cursor pointer
|