diff options
author | Raimund Schlüßler <raimund.schluessler@mailbox.org> | 2022-09-06 22:23:48 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-09-06 22:23:48 +0300 |
commit | 3e62925bc07113836de0599be860faa0223c992b (patch) | |
tree | 3c910ae66c61c447d832275f4f70b7f70a38e0d1 /src | |
parent | 64429d9d444c09353b78a6906c6f9553f965ebf8 (diff) |
User border-radius-large for task body (#2104)
Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/TaskBody.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/TaskBody.vue b/src/components/TaskBody.vue index 935b59e0..76717887 100644 --- a/src/components/TaskBody.vue +++ b/src/components/TaskBody.vue @@ -628,8 +628,8 @@ $breakpoint-mobile: 1024px; // Show round corners for first root task .grouped-tasks > ol > .task-item { &:first-child > .task-item__body { - border-top-left-radius: var(--border-radius); - border-top-right-radius: var(--border-radius); + border-top-left-radius: var(--border-radius-large); + border-top-right-radius: var(--border-radius-large); border-top: none; } @@ -699,13 +699,13 @@ $breakpoint-mobile: 1024px; // Show round corners if a task is the last in the (sub-)list &:last-child .task-item__body { - border-bottom-left-radius: var(--border-radius); - border-bottom-right-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius-large); + border-bottom-right-radius: var(--border-radius-large); } &:not(.task-item--subtasks-visible).task-item--input input { - border-bottom-left-radius: var(--border-radius); - border-bottom-right-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius-large); + border-bottom-right-radius: var(--border-radius-large); } // Don't show round corners if any of the ancestors is not the last in the (sub-)list @@ -724,12 +724,12 @@ $breakpoint-mobile: 1024px; // the next task in the list &.task-item--input-visible { & > .task-item__body { - border-bottom-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius-large); border-bottom-right-radius: 0; } & + .task-item > .task-item__body { - border-top-left-radius: var(--border-radius); + border-top-left-radius: var(--border-radius-large); } } |