From 3e62925bc07113836de0599be860faa0223c992b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?= Date: Tue, 6 Sep 2022 21:23:48 +0200 Subject: User border-radius-large for task body (#2104) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Raimund Schlüßler Signed-off-by: Raimund Schlüßler --- src/components/TaskBody.vue | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) (limited to 'src') 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); } } -- cgit v1.2.3