Some drag handle fixes.

Thanks to xet7 !

Related #2081
This commit is contained in:
Lauri Ojansivu 2019-11-04 10:52:52 +02:00
parent dff261efee
commit 6a89605477
4 changed files with 20 additions and 9 deletions

View file

@ -168,7 +168,7 @@
padding: 27px 19px padding: 27px 19px
margin-top: 1px margin-top: 1px
top: -7px top: -7px
margin-right: 50px margin-right: 7px
right: -3px right: -3px
.list-header .list-header
@ -229,10 +229,10 @@
padding: 7px padding: 7px
top: 50% top: 50%
transform: translateY(-50%) transform: translateY(-50%)
margin-right: 27px right: 47px
font-size: 20px font-size: 20px
.list-header-menu-handle .list-header-handle
position: absolute position: absolute
padding: 7px padding: 7px
top: 50% top: 50%

View file

@ -30,10 +30,10 @@ template(name="listHeader")
if canSeeAddCard if canSeeAddCard
a.js-add-card.fa.fa-plus.list-header-plus-icon a.js-add-card.fa.fa-plus.list-header-plus-icon
a.fa.fa-navicon.js-open-list-menu a.fa.fa-navicon.js-open-list-menu
a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle a.list-header-handle.handle.fa.fa-arrows.js-list-handle
else else
a.list-header-menu-icon.fa.fa-angle-right.js-select-list a.list-header-menu-icon.fa.fa-angle-right.js-select-list
a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle a.list-header-handle.handle.fa.fa-arrows.js-list-handle
else if currentUser.isBoardMember else if currentUser.isBoardMember
if isWatching if isWatching
i.list-header-watch-icon.fa.fa-eye i.list-header-watch-icon.fa.fa-eye
@ -45,7 +45,7 @@ template(name="listHeader")
a.js-add-card.fa.fa-plus.list-header-plus-icon a.js-add-card.fa.fa-plus.list-header-plus-icon
a.fa.fa-navicon.js-open-list-menu a.fa.fa-navicon.js-open-list-menu
if showDesktopDragHandles if showDesktopDragHandles
a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle a.list-header-handle.handle.fa.fa-arrows.js-list-handle
template(name="editListTitleForm") template(name="editListTitleForm")
.list-composer .list-composer

View file

@ -16,8 +16,11 @@ template(name="swimlaneFixedHeader")
unless currentUser.isCommentOnly unless currentUser.isCommentOnly
a.fa.fa-plus.js-open-add-swimlane-menu.swimlane-header-plus-icon a.fa.fa-plus.js-open-add-swimlane-menu.swimlane-header-plus-icon
a.fa.fa-navicon.js-open-swimlane-menu a.fa.fa-navicon.js-open-swimlane-menu
unless isMiniScreen
if showDesktopDragHandles if showDesktopDragHandles
a.swimlane-header-menu-handle.handle.fa.fa-arrows.js-swimlane-header-handle a.swimlane-header-handle.handle.fa.fa-arrows.js-swimlane-header-handle
if isMiniScreen
a.swimlane-header-miniscreen-handle.handle.fa.fa-arrows.js-swimlane-header-handle
template(name="editSwimlaneTitleForm") template(name="editSwimlaneTitleForm")
.list-composer .list-composer

View file

@ -50,7 +50,7 @@
margin-left: 5px margin-left: 5px
margin-right: 10px margin-right: 10px
.swimlane-header-menu-handle .swimlane-header-handle
position: absolute position: absolute
padding: 7px padding: 7px
top: 50% top: 50%
@ -58,6 +58,14 @@
left: 300px left: 300px
font-size: 18px font-size: 18px
.swimlane-header-miniscreen-handle
position: absolute
padding: 7px
top: 50%
transform: translateY(-50%)
left: 87vw
font-size: 24px
.list-group .list-group
height: 100% height: 100%