upstream/wekan
2
0 Fork 1
mirror of https://github.com/wekan/wekan.git synced 2026-11-05 01:20:07 -05:00
Code Releases 1 Activity

Fix lists not collapsing when they have a custom width (#5892)

Browse Source 
The list-width rework (#6409) added a persistent rule
`.list[style*="--list-width"] { width: var(--list-width) !important }`. A
collapsed list keeps its inline --list-width custom property, so that !important
rule overrode `.list.list-collapsed { width: 30px }` and the list stayed full
width when collapsed (most visible with the Modern theme, where custom widths
are in use).

Exclude collapsed lists from the persistent width rule with
:not(.list-collapsed), and mark the 30px collapsed width !important so a custom
per-list width can never keep a collapsed list expanded.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Lauri OjansivuandClaude Opus 4.8 committed 2026-06-21 21:42:30 +03:00
1 parent d076721f2a
commit 5e9b2bccdd
1 file changed
+14 -8
Download Patch File Download Diff File Expand all files Collapse all files
client/components/lists/list.css
+14 -8
View File
@@ -135,10 +135,14 @@ body.list-resizing-active * {
flex-direction: column !important;
}
/* Ensure the width persists after resize is complete */
.js-swimlane .list[style*="--list-width"],
.dragscroll .list[style*="--list-width"],
[id^="swimlane-"] .list[style*="--list-width"] {
/* Ensure the width persists after resize is complete.
Exclude collapsed lists: a collapsed list keeps its inline --list-width custom
property, and without :not() this !important rule overrode the 30px collapsed
width, so collapsing a list that had a custom width left it full width.
See https://github.com/wekan/wekan/issues/5892 */
.js-swimlane .list[style*="--list-width"]:not(.list-collapsed),
.dragscroll .list[style*="--list-width"]:not(.list-collapsed),
[id^="swimlane-"] .list[style*="--list-width"]:not(.list-collapsed) {
/* Maintain the width after resize */
width: var(--list-width, auto) !important;
min-width: var(--list-width, auto) !important;
@@ -253,10 +257,12 @@ body.list-resizing-active * {
height: 15vh;
}
.list.list-collapsed {
flex: none;
min-width: 30px;
max-width: 30px;
width: 30px;
flex: none !important;
/* !important so a custom per-list --list-width never keeps a collapsed list
full width (see https://github.com/wekan/wekan/issues/5892) */
min-width: 30px !important;
max-width: 30px !important;
width: 30px !important;
min-height: 60vh;
height: 60vh;
overflow: visible;