Minor UX and style fixes in add members lightbox
parent
670544a7dc
commit
2846dc8bf1
|
@ -24,7 +24,7 @@ debounce = @.taiga.debounce
|
||||||
|
|
||||||
module = angular.module("taigaKanban")
|
module = angular.module("taigaKanban")
|
||||||
|
|
||||||
MAX_MEMBERSHIP_FIELDSETS = 6
|
MAX_MEMBERSHIP_FIELDSETS = 4
|
||||||
|
|
||||||
#############################################################################
|
#############################################################################
|
||||||
## Create Members Lightbox Directive
|
## Create Members Lightbox Directive
|
||||||
|
@ -33,7 +33,7 @@ MAX_MEMBERSHIP_FIELDSETS = 6
|
||||||
CreateMembersDirective = ($rs, $rootScope, $confirm, lightboxService) ->
|
CreateMembersDirective = ($rs, $rootScope, $confirm, lightboxService) ->
|
||||||
extraTextTemplate = """
|
extraTextTemplate = """
|
||||||
<fieldset class="extra-text">
|
<fieldset class="extra-text">
|
||||||
<textarea placeholder="Additional text to the invitation"></textarea>
|
<textarea placeholder="(Optional) Add a personalized text to to the invitation"></textarea>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
"""
|
"""
|
||||||
|
|
||||||
|
@ -100,7 +100,7 @@ CreateMembersDirective = ($rs, $rootScope, $confirm, lightboxService) ->
|
||||||
fieldSet.after(newFieldSet)
|
fieldSet.after(newFieldSet)
|
||||||
|
|
||||||
if $el.find(".add-member-wrapper").length == MAX_MEMBERSHIP_FIELDSETS
|
if $el.find(".add-member-wrapper").length == MAX_MEMBERSHIP_FIELDSETS
|
||||||
$el.find("fieldset:last > a").removeClass("icon-plus add-fieldset")
|
$el.find(".add-member-wrapper fieldset:last > a").removeClass("icon-plus add-fieldset")
|
||||||
.addClass("icon-delete delete-fieldset")
|
.addClass("icon-delete delete-fieldset")
|
||||||
|
|
||||||
$el.on "click", ".button-green", debounce 2000, (event) ->
|
$el.on "click", ".button-green", debounce 2000, (event) ->
|
||||||
|
|
|
@ -150,6 +150,10 @@
|
||||||
.lightbox-add-member {
|
.lightbox-add-member {
|
||||||
.add-member-wrapper {
|
.add-member-wrapper {
|
||||||
@include table-flex();
|
@include table-flex();
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
fieldset {
|
fieldset {
|
||||||
position: relative;
|
position: relative;
|
||||||
&:first-child {
|
&:first-child {
|
||||||
|
|
Loading…
Reference in New Issue