The phase sections can be resized horizontally, with a minimum width.
Task titles will now wrap to the next line, ensuring long text fits nicely in the box.
XL-Release resizable phases by BercziSandor
Details
AuthorBercziSandor
LicenseNo License
Categoryxlrelease.digital.ai
Created
Updated
Size1.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name XL-Release resizable phase
@namespace xlrelease.digital.ai
@version 1.0.1
@description Resizable phase sections and wrapped task titles
@author BercziSandor
==/UserStyle== */
@-moz-document url-prefix("https://xlrelease"), url-prefix("http://xlrelease") {
/* Phase is resizable */
#release #release-content .phase {
resize: horizontal;
overflow: auto;
min-width: 300px;
}
/* Phase header fills the box.*/
#release #release-content .phase .phase-header {
width: 100%;
}
/* Allow line breaks for task title */
#release #release-content .phase .task-container .task-box .task .task-title {
display: block;
overflow: visible;
white-space: normal;
word-wrap: break-word;
z-index: 1;
}
#release #release-content .phase-drop-placeholder { width: unset }
#release #release-content .phase { width: unset }
#release #release-content .phase .phase-header { width: unset }
#release #release-content .phase li li .task-container { width: 100% }
#release #release-content .phase li li li .task-container { width: 100% }
#release #release-content .phase li li li li .task-container { width: 100% }
#release #release-content .phase li li li li li .task-container { width: 100% }
#release #release-content .phase li li li li li li .task-container { width: 100% }
}