972dd76eeb
This fixes that titles of project columns can overflow and push the action menu out of the card, so that interaction is no longer possible. Addition to the cherry pick: In v7.0, `min-width: 0` is additionally applied to the title of the project column, as this is missing for the .ui.label in contrast to v8.0. Fixes #3717 (cherry picked from commit 853f0051809aa4b8a3fec4c16e2871a3bb716c83)
129 lines
2.4 KiB
CSS
129 lines
2.4 KiB
CSS
.board {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
overflow-x: auto;
|
|
margin: 0 0.5em;
|
|
}
|
|
|
|
.project-column {
|
|
background-color: var(--color-project-board-bg) !important;
|
|
border: 1px solid var(--color-secondary) !important;
|
|
margin: 0 0.5rem !important;
|
|
padding: 0.5rem !important;
|
|
width: 320px;
|
|
height: calc(100vh - 450px);
|
|
min-height: 60vh;
|
|
overflow-y: scroll;
|
|
flex: 0 0 auto;
|
|
overflow: visible;
|
|
display: flex;
|
|
flex-direction: column;
|
|
cursor: default;
|
|
}
|
|
|
|
.project-column .issue-card {
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.project-column-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.project-column-title {
|
|
background: none !important;
|
|
line-height: 1.25 !important;
|
|
color: inherit !important;
|
|
cursor: inherit;
|
|
min-width: 0;
|
|
}
|
|
|
|
.project-column-title-label {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.project-column-header > .dropdown {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.project-column > .cards {
|
|
flex: 1;
|
|
display: flex;
|
|
align-content: baseline;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
flex-wrap: nowrap !important;
|
|
flex-direction: column;
|
|
overflow-x: auto;
|
|
gap: .25rem;
|
|
}
|
|
|
|
.project-column > .divider {
|
|
margin: 5px 0;
|
|
border-color: currentcolor;
|
|
opacity: .5;
|
|
}
|
|
|
|
.project-column:first-child {
|
|
margin-left: auto !important;
|
|
}
|
|
|
|
.project-column:last-child {
|
|
margin-right: auto !important;
|
|
}
|
|
|
|
.card-attachment-images {
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
|
|
.card-attachment-images img {
|
|
display: inline-block;
|
|
max-height: 50px;
|
|
border-radius: var(--border-radius);
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.card-attachment-images img:only-child {
|
|
max-height: 90px;
|
|
margin: auto;
|
|
}
|
|
|
|
.card-ghost {
|
|
border-color: var(--color-secondary-dark-4) !important;
|
|
border-style: dashed !important;
|
|
background: none !important;
|
|
}
|
|
|
|
.card-ghost * {
|
|
opacity: 0;
|
|
}
|
|
|
|
.color-field .minicolors.minicolors-theme-default {
|
|
display: block;
|
|
}
|
|
|
|
.color-field .minicolors.minicolors-theme-default .minicolors-input {
|
|
height: 38px;
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
.color-field .minicolors.minicolors-theme-default .minicolors-swatch {
|
|
top: 10px;
|
|
}
|
|
|
|
.edit-project-column-modal .color.picker.column,
|
|
.new-project-column-modal .color.picker.column {
|
|
display: flex;
|
|
}
|
|
|
|
.edit-project-column-modal .color.picker.column .minicolors,
|
|
.new-project-column-modal .color.picker.column .minicolors {
|
|
flex: 1;
|
|
}
|