diff --git a/client/components/boards/boardHeader.css b/client/components/boards/boardHeader.css index 4964c3e73..f3cb652e7 100644 --- a/client/components/boards/boardHeader.css +++ b/client/components/boards/boardHeader.css @@ -372,8 +372,8 @@ transform: translateY(-50%) !important; grid-row: auto !important; grid-column: auto !important; - padding: 14px !important; - font-size: 48px !important; + padding: 7px !important; + font-size: clamp(16px, 3vw, 20px) !important; } .desktop-mode .list-body { diff --git a/client/components/swimlanes/swimlanes.css b/client/components/swimlanes/swimlanes.css index d3a2e2d46..0bb7727f0 100644 --- a/client/components/swimlanes/swimlanes.css +++ b/client/components/swimlanes/swimlanes.css @@ -52,12 +52,15 @@ background-color: #ccc; width: 100%; min-width: 100%; + position: relative; + overflow: hidden; + min-height: 33px; } .swimlane .swimlane-header-wrap .swimlane-header { font-size: 14px; padding: 5px 5px; font-weight: bold; - min-height: 9px; + min-height: 33px; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; @@ -88,9 +91,12 @@ position: absolute; padding: 7px; top: 50%; - transform: translateY(-50%); left: 230px; - font-size: 18px; + font-size: clamp(16px, 3vw, 20px); + transform: translateY(-50%); + display: flex; + align-items: center; + justify-content: center; } .swimlane .swimlane-header-wrap .swimlane-header-miniscreen-handle { position: absolute; diff --git a/client/components/swimlanes/swimlanes.js b/client/components/swimlanes/swimlanes.js index 1ac583a05..252d286db 100644 --- a/client/components/swimlanes/swimlanes.js +++ b/client/components/swimlanes/swimlanes.js @@ -285,7 +285,7 @@ BlazeComponent.extendComponent({ const user = ReactiveCache.getCurrentUser(); const swimlane = Template.currentData(); const height = user.getSwimlaneHeight(swimlane.boardId, swimlane._id); - return height == -1 ? "auto" : (height + "px"); + return height == -1 ? "auto" : (height + 5 + "px"); }, }).register('swimlane');