krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 14:47:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

Long names overflow task box fixes #9403 (#9404)

Browse Source 
* Issue 9403 Long names overflow task box

* Added padding

* Enabled overflow-wrap: break-word;

Added min width to allow overflow-wrap to actually break content
This commit is contained in:
Tyler Nychka
2017-11-27 21:07:13 -05:00
committed by Sabe Jones
parent b323abd225
commit fac81bb9ee
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
website/client/components/tasks/task.vue
View File

@@ -135,8 +135,11 @@
color: $gray-10; color: $gray-10;
font-weight: normal; font-weight: normal;
margin-bottom: 0px; margin-bottom: 0px;
margin-right: 15px;
line-height: 1.43; line-height: 1.43;
font-size: 14px; font-size: 14px;
min-width: 0px;
overflow-wrap: break-word;
&.has-notes { &.has-notes {
padding-bottom: 4px; padding-bottom: 4px;
@@ -159,6 +162,7 @@
.dropdown-icon { .dropdown-icon {
width: 4px; width: 4px;
height: 16px; height: 16px;
margin-right: 10px;
color: $gray-100 !important; color: $gray-100 !important;
} }
@@ -212,7 +216,9 @@
.task-notes { .task-notes {
color: $gray-100; color: $gray-100;
font-style: normal; font-style: normal;
padding-right: 6px; padding-right: 20px;
min-width: 0px;
overflow-wrap: break-word;
&.has-checklist { &.has-checklist {
padding-bottom: 8px; padding-bottom: 8px;
@@ -227,6 +233,7 @@
background: $white; background: $white;
border: 1px solid transparent; border: 1px solid transparent;
transition-duration: 0.15; transition-duration: 0.15;
min-width: 0px;
&.no-right-border { &.no-right-border {
border-right: none !important; border-right: none !important;
@@ -271,6 +278,8 @@
min-height: 0px; min-height: 0px;
width: 100%; width: 100%;
margin-left: 8px; margin-left: 8px;
padding-right: 20px;
overflow-wrap: break-word;
&-done { &-done {
color: $gray-300; color: $gray-300;
@@ -284,6 +293,7 @@
.custom-control-description { .custom-control-description {
margin-left: 6px; margin-left: 6px;
padding-top: 0px; padding-top: 0px;
min-width: 0px;
} }
} }