diff options
| author | Raimund Schlüßler <raimund.schluessler@mailbox.org> | 2020-03-06 13:30:10 +0300 |
|---|---|---|
| committer | Raimund Schlüßler <raimund.schluessler@mailbox.org> | 2020-03-06 13:30:10 +0300 |
| commit | 75bc10497c0b5aac773fb723ca9f5ab46203afed (patch) | |
| tree | 936e37eb0a86555e0b54972db74b6e744fe76e33 | |
| parent | 5ff4e51e4302059c220f3fcbef8a6656ba8a1e0e (diff) | |
Set fixed width for date in task body
Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
| -rw-r--r-- | css/src/style.scss | 8 | ||||
| -rw-r--r-- | src/components/TaskBody.vue | 2 |
2 files changed, 9 insertions, 1 deletions
diff --git a/css/src/style.scss b/css/src/style.scss index 57f800ec..a24b3660 100644 --- a/css/src/style.scss +++ b/css/src/style.scss @@ -587,6 +587,14 @@ &.overdue { color: $red_overdue; } + + span { + overflow: hidden; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + width: 60px; + } } .calendar { diff --git a/src/components/TaskBody.vue b/src/components/TaskBody.vue index 99d41c1c..2f12098b 100644 --- a/src/components/TaskBody.vue +++ b/src/components/TaskBody.vue @@ -83,7 +83,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>. <span class="icon icon-sprt-bw sprt-note" /> </div> <div v-if="task.due" :class="{overdue: overdue(task.dueMoment)}" class="duedate"> - {{ dueDateString }} + <span>{{ dueDateString }}</span> </div> <Actions class="reactive no-nav" menu-align="right"> <ActionButton v-if="!task.calendar.readOnly" |