Group tasks ui picked (#7996)
* 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
This commit is contained in:
Keith Holliday
committed by
Matteo Pagliazzi
Matteo Pagliazzi
parent
6a82206f81
commit
285041cdee
@@ -0,0 +1,217 @@
|
||||
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
|
||||
Reference in New Issue
Block a user