Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-16 15:30:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Limit card width to fixed size.

Browse source 
Thanks to xet7 !
This commit is contained in:
Lauri Ojansivu 2019-08-23 02:59:29 +03:00
parent 576523021e
commit 0dd3ff29f2
6 changed files with 19 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
client/components/boards/boardColors.styl
View file

@ -241,6 +241,7 @@ setBoardColor(color)
background-color #ffffff !important background-color #ffffff !important
padding 15px !important padding 15px !important
border 1px solid #000000 !important border 1px solid #000000 !important
word-wrap: break-word
// When card has comment, emphasis on minicard: // When card has comment, emphasis on minicard:
// bigger red comment icon and number of comments, // bigger red comment icon and number of comments,

4
client/components/cards/cardDetails.styl
View file

@ -99,7 +99,9 @@
&.card-details-item-end, &.card-details-item-end,
&.card-details-item-customfield, &.card-details-item-customfield,
&.card-details-item-name &.card-details-item-name
max-width: 50% display: block
word-wrap: break-word
max-width: 48%
flex-grow: 1 flex-grow: 1
.card-details-item-title .card-details-item-title

3
client/components/cards/checklists.styl
View file

@ -128,6 +128,9 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item
& .viewer & .viewer
p p
margin-bottom: 2px margin-bottom: 2px
display: block
word-wrap: break-word
max-width: 420px
.js-delete-checklist-item .js-delete-checklist-item
margin: 0 0 0.5em 1.33em margin: 0 0 0.5em 1.33em

3
client/components/cards/labels.styl
View file

@ -10,9 +10,10 @@
margin-right: 4px margin-right: 4px
margin-bottom: 5px margin-bottom: 5px
padding: 3px 8px padding: 3px 8px
max-width: 100% max-width: 210px
min-width: 8px min-width: 8px
overflow: ellipsis overflow: ellipsis
word-wrap: break-word
height: 18px height: 18px
vertical-align: bottom vertical-align: bottom

11
client/components/cards/minicard.styl
View file

@ -93,8 +93,11 @@
.minicard-custom-field .minicard-custom-field
display:flex; display:flex;
.minicard-custom-field-item .minicard-custom-field-item
max-width:50%; flex-grow: 1
flex-grow:1; display: block
word-wrap: break-word
max-width: 100px
margin-right: 4px
.handle .handle
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -112,7 +115,9 @@
p:last-child p:last-child
margin-bottom: 0 margin-bottom: 0
.viewer .viewer
display: inline-block display: block
word-wrap: break-word
max-width: 230px
.dates .dates
display: flex; display: flex;
flex-direction: row; flex-direction: row;

2
client/components/main/layouts.styl
View file

@ -378,6 +378,8 @@ a
.viewer .viewer
min-height: 18px min-height: 18px
display: block
word-wrap: break-word
ol ol
list-style-type: decimal list-style-type: decimal