Keith Holliday
e2f4b0e3dc
* Added abiltiy to add group managers * Added ability to remove managers * Added ability for managers to add group tasks * Allower managers to assign tasks * Allowed managers to unassign tasks * Allow managers to delete group tasks * Allowed managers to approve * Added initial ui * Added approval view for managers * Allowed managers to edit * Fixed lint issues * Added spacing to buttons * Removed leader from selection of group managers * Code review updates * Ensured approvals are only done once * Added ability for parties to add managers * Add notifications to all managers when approval is requests * Removed tasks need approval notifications from all managers when task is approve * Fixed linting issues * Hid add managers UI from groups that are not subscribed * Removed let from front end * Fixed issues with post task url params * Fixed string locales * Removed extra limited strings * Added cannotedit tasks function * Added limit fields and notification check by taskId * Localized string and other minor issues * Added manager and leader indicator * Added group notifications refresh on sync * Added close button for group notifications * Removed group approval notifications when manager is removed * Moved leader/manager indicators to after hp * Added manager fields to groups * Spelling and syntax fixes
221 lines
4.2 KiB
Stylus
221 lines
4.2 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
|
|
|
|
.add-manager-button, .remove-manager-button
|
|
margin-left: 1rem;
|