From 596d0a965269b319e2160eaa4754e1665c08ef7e Mon Sep 17 00:00:00 2001 From: booploops <49113086+booploops@users.noreply.github.com> Date: Fri, 21 Jan 2022 19:43:01 -0800 Subject: [PATCH 1/3] Update bootstrap.less --- src/renderer/less/bootstrap.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/renderer/less/bootstrap.less b/src/renderer/less/bootstrap.less index e20b3f6f..b8fc481b 100644 --- a/src/renderer/less/bootstrap.less +++ b/src/renderer/less/bootstrap.less @@ -134,7 +134,7 @@ .modal-body { position: relative; flex: 1 1 auto; - padding: 1rem; + padding: 3rem 1rem 1rem 1rem; } .modal-footer { From ae060da4afc0f1e56ced569ddcffe78fe5b66eb3 Mon Sep 17 00:00:00 2001 From: booploops <49113086+booploops@users.noreply.github.com> Date: Fri, 21 Jan 2022 19:45:35 -0800 Subject: [PATCH 2/3] adjusted transition --- src/renderer/less/bootstrap.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/renderer/less/bootstrap.less b/src/renderer/less/bootstrap.less index b8fc481b..6a930f44 100644 --- a/src/renderer/less/bootstrap.less +++ b/src/renderer/less/bootstrap.less @@ -41,8 +41,9 @@ } .modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); + transition: transform 0.1s var(--appleEase), opacity 0.1s var(--appleEase); + transform: scale(0.9); + opacity: 0; } @media (prefers-reduced-motion: reduce) { @@ -53,6 +54,7 @@ .modal.show .modal-dialog { transform: none; + opacity: 1; } .modal.modal-static .modal-dialog { From a8c28b5437484c65709831f67e3a1a1d3591f59c Mon Sep 17 00:00:00 2001 From: booploops <49113086+booploops@users.noreply.github.com> Date: Fri, 21 Jan 2022 19:47:26 -0800 Subject: [PATCH 3/3] changed font size on body --- src/renderer/less/bootstrap.less | 1 + 1 file changed, 1 insertion(+) diff --git a/src/renderer/less/bootstrap.less b/src/renderer/less/bootstrap.less index 6a930f44..6dfc7821 100644 --- a/src/renderer/less/bootstrap.less +++ b/src/renderer/less/bootstrap.less @@ -137,6 +137,7 @@ position: relative; flex: 1 1 auto; padding: 3rem 1rem 1rem 1rem; + font-size: 0.9em } .modal-footer {