Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-16 15:30:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Some mobile view fixes.

Browse source 
Thanks to xet7 !
This commit is contained in:
Lauri Ojansivu 2025-10-20 02:58:30 +03:00
parent 62679819d9
commit c4af4d03ac
3 changed files with 36 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
client/components/boards/boardsList.css
View file

@ -361,6 +361,18 @@
min-height: 100vh; /* Force content to be tall enough to scroll */
}
/* Hide archive and clone board buttons in mobile view */
.board-list.mobile-view .js-archive-board,
.board-list.mobile-view .js-clone-board {
display: none !important;
}
/* Change board drag handle to up-down arrow in mobile view */
.board-list.mobile-view .board-handle.fa-arrows::before {
content: "↕️" !important;
font-family: inherit !important;
}
.board-list.mobile-view::after {
content: '';
display: block;
@ -824,5 +836,17 @@
#content {
overflow: hidden;
}
/* Hide archive and clone board buttons in mobile view */
.board-list .js-archive-board,
.board-list .js-clone-board {
display: none !important;
}
/* Change board drag handle to up-down arrow in mobile view */
.board-list .board-handle.fa-arrows::before {
content: "↕️" !important;
font-family: inherit !important;
}
}

16
client/components/lists/list.css
View file

@ -646,7 +646,7 @@ body.list-resizing-active * {
height: auto;
width: 100%;
min-width: 100%;
border-left: 0px;
border-left: 0px !important;
border-bottom: 1px solid #ccc;
}
.list.mobile-view {
@ -654,7 +654,7 @@ body.list-resizing-active * {
flex-basis: auto;
width: 100%;
min-width: 100%;
border-left: 0px;
border-left: 0px !important;
}
.list.mobile-view:first-child {
margin-left: 0px;
@ -663,7 +663,7 @@ body.list-resizing-active * {
flex: 0 0 60px;
height: 60px;
width: 100%;
border-left: 0px;
border-left: 0px !important;
border-bottom: 1px solid #ccc;
}
.list.mobile-view.ui-sortable-helper .list-header.ui-sortable-handle {
@ -673,7 +673,7 @@ body.list-resizing-active * {
flex: 0 0 60px;
height: 60px;
width: 100%;
border-left: 0px;
border-left: 0px !important;
border-bottom: 1px solid #ccc;
}
.list.mobile-view .list-body {
@ -771,7 +771,7 @@ body.list-resizing-active * {
height: auto;
width: 100%;
min-width: 100%;
border-left: 0px;
border-left: 0px !important;
border-bottom: 1px solid #ccc;
}
.list {
@ -779,7 +779,7 @@ body.list-resizing-active * {
flex-basis: auto;
width: 100%;
min-width: 100%;
border-left: 0px;
border-left: 0px !important;
}
.list:first-child {
margin-left: 0px;
@ -788,7 +788,7 @@ body.list-resizing-active * {
flex: 0 0 60px;
height: 60px;
width: 100%;
border-left: 0px;
border-left: 0px !important;
border-bottom: 1px solid #ccc;
}
.list.ui-sortable-helper .list-header.ui-sortable-handle {
@ -798,7 +798,7 @@ body.list-resizing-active * {
flex: 0 0 60px;
height: 60px;
width: 100%;
border-left: 0px;
border-left: 0px !important;
border-bottom: 1px solid #ccc;
}
.list-body {

8
client/components/lists/listHeader.jade
View file

@ -51,11 +51,11 @@ template(name="listHeader")
div.list-header-menu
unless currentUser.isCommentOnly
if canSeeAddCard
a.js-add-card.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}") | ➕
a.js-open-list-menu(title="{{_ 'listActionPopup-title'}}") | ☰
a.js-add-card.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}") ➕
a.js-open-list-menu(title="{{_ 'listActionPopup-title'}}") ☰
else
a.list-header-menu-icon.js-select-list | ▶️
a.list-header-handle.handle.js-list-handle | ↔️
a.list-header-menu-icon.js-select-list ▶️
a.list-header-handle.handle.js-list-handle ↕️
else if currentUser.isBoardMember
if isWatching
i.list-header-watch-icon | 👁️