From 29332c8c005811fd7677e5f889431d98ff42560f Mon Sep 17 00:00:00 2001 From: Jeff Ohrstrom Date: Thu, 21 Sep 2023 10:08:30 -0400 Subject: [PATCH 1/2] thicken border on hover instead of resizing --- apps/dashboard/app/javascript/stylesheets/projects.scss | 4 ++-- apps/dashboard/app/javascript/stylesheets/scripts.scss | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/dashboard/app/javascript/stylesheets/projects.scss b/apps/dashboard/app/javascript/stylesheets/projects.scss index 837265a780..e0681d61c6 100644 --- a/apps/dashboard/app/javascript/stylesheets/projects.scss +++ b/apps/dashboard/app/javascript/stylesheets/projects.scss @@ -3,11 +3,11 @@ padding: 0.3rem; margin: 0.5rem; - border: 4px solid rgb(26, 118, 211); + border: 0.25em solid rgb(26, 118, 211); border-radius: 10%; &:hover { - transform: scale(0.98); + border: 0.4em solid rgb(26, 118, 211); } a { diff --git a/apps/dashboard/app/javascript/stylesheets/scripts.scss b/apps/dashboard/app/javascript/stylesheets/scripts.scss index 0c4d1ffa74..75bdacf1fa 100644 --- a/apps/dashboard/app/javascript/stylesheets/scripts.scss +++ b/apps/dashboard/app/javascript/stylesheets/scripts.scss @@ -3,11 +3,11 @@ padding: 0.3rem; margin: 0.5rem; - border: 2px solid rgb(26, 118, 211); + border: 0.15em solid rgb(26, 118, 211); // border-radius: 10%; &:hover { - transform: scale(0.98); + border: 0.4em solid rgb(26, 118, 211); } } @@ -19,4 +19,4 @@ .text-strike { text-decoration: line-through; -} \ No newline at end of file +} From 4c196a230a44f98ebed67edaf1e512e2f315e23a Mon Sep 17 00:00:00 2001 From: Jeff Ohrstrom Date: Fri, 22 Sep 2023 10:07:06 -0400 Subject: [PATCH 2/2] use outline instead of border --- apps/dashboard/app/javascript/stylesheets/projects.scss | 4 ++-- apps/dashboard/app/javascript/stylesheets/scripts.scss | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/dashboard/app/javascript/stylesheets/projects.scss b/apps/dashboard/app/javascript/stylesheets/projects.scss index e0681d61c6..40249a0409 100644 --- a/apps/dashboard/app/javascript/stylesheets/projects.scss +++ b/apps/dashboard/app/javascript/stylesheets/projects.scss @@ -3,11 +3,11 @@ padding: 0.3rem; margin: 0.5rem; - border: 0.25em solid rgb(26, 118, 211); + outline: 0.25em solid rgb(26, 118, 211); border-radius: 10%; &:hover { - border: 0.4em solid rgb(26, 118, 211); + outline: 0.4em solid rgb(26, 118, 211); } a { diff --git a/apps/dashboard/app/javascript/stylesheets/scripts.scss b/apps/dashboard/app/javascript/stylesheets/scripts.scss index 75bdacf1fa..c238ba9cd1 100644 --- a/apps/dashboard/app/javascript/stylesheets/scripts.scss +++ b/apps/dashboard/app/javascript/stylesheets/scripts.scss @@ -1,13 +1,13 @@ .editable-form-field { padding: 0.3rem; - margin: 0.5rem; + margin-bottom: 1em; - border: 0.15em solid rgb(26, 118, 211); + outline: 0.15em solid rgb(26, 118, 211); // border-radius: 10%; &:hover { - border: 0.4em solid rgb(26, 118, 211); + outline: 0.4em solid rgb(26, 118, 211); } }