diff --git a/client/components/boards/boardsList.css b/client/components/boards/boardsList.css index 2c039e9d2..faffaaa00 100644 --- a/client/components/boards/boardsList.css +++ b/client/components/boards/boardsList.css @@ -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; + } } diff --git a/client/components/lists/list.css b/client/components/lists/list.css index 68fd62270..541cadf31 100644 --- a/client/components/lists/list.css +++ b/client/components/lists/list.css @@ -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 { diff --git a/client/components/lists/listHeader.jade b/client/components/lists/listHeader.jade index 8f0c0d244..df3c31f51 100644 --- a/client/components/lists/listHeader.jade +++ b/client/components/lists/listHeader.jade @@ -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 | 👁️