diff --git a/client/src/components/forms/ProjectForm/project-form.scss b/client/src/components/forms/ProjectForm/project-form.scss index fe16091911ac724e19265c2262ccc49cc7092581..52b8dcff58eca308059147bb6924bf0512e84a11 100644 --- a/client/src/components/forms/ProjectForm/project-form.scss +++ b/client/src/components/forms/ProjectForm/project-form.scss @@ -22,6 +22,7 @@ position: relative; filter: saturate(50%); transform: scale(90%); + will-change: transform; @include mx.breakpoint(small) { width: calc(100% / 5 - 10px); diff --git a/client/src/components/helpers/Filter/filter.scss b/client/src/components/helpers/Filter/filter.scss index c111333afeb2cbc710645c3b151e082de841bc45..3d7d905976a97eebcee6c2a1a180f4c6d92491a2 100644 --- a/client/src/components/helpers/Filter/filter.scss +++ b/client/src/components/helpers/Filter/filter.scss @@ -50,6 +50,7 @@ opacity: 0.5; transform: scale(90%); user-select: none; + will-change: transform; .tag { margin: 0; diff --git a/client/src/components/ui/Button/button.scss b/client/src/components/ui/Button/button.scss index e35cd0ea4586258c65154294de9ed696290a1171..e3339184f8fe58e70be2a4564f116f1e77b2a677 100644 --- a/client/src/components/ui/Button/button.scss +++ b/client/src/components/ui/Button/button.scss @@ -15,6 +15,7 @@ appearance: none; border: none; outline: none; + will-change: transform; &.expanded { width: 100%; diff --git a/client/src/components/ui/Comment/comment.scss b/client/src/components/ui/Comment/comment.scss index 74f3123669312847cc5ec84e96d02b18916fa222..7be6144e3c099fefc7ef70a727ef6b5e28a50031 100644 --- a/client/src/components/ui/Comment/comment.scss +++ b/client/src/components/ui/Comment/comment.scss @@ -67,7 +67,7 @@ textarea { transition: none; - background: s.$background-input; + background: s.$background-light; border: none; border-radius: 25px; width: 100%; diff --git a/client/src/components/ui/Project/project.scss b/client/src/components/ui/Project/project.scss index eda8ddbab7ebf6b44073702dfc0edf34decef7bf..65537749fd31f98eb6f6e59aae1d05dbbfa73ff2 100644 --- a/client/src/components/ui/Project/project.scss +++ b/client/src/components/ui/Project/project.scss @@ -10,6 +10,7 @@ width: 160px; color: s.$text; height: 160px; + will-change: transform; &:hover, &:focus { diff --git a/client/src/components/ui/ProjectSlide/project-slide.scss b/client/src/components/ui/ProjectSlide/project-slide.scss index 24b84f0475094c11302b5efb38e082b6d388437e..17f7e9d0cf6027d5c0a27a0b5ea7ff36f55d90b8 100644 --- a/client/src/components/ui/ProjectSlide/project-slide.scss +++ b/client/src/components/ui/ProjectSlide/project-slide.scss @@ -11,6 +11,7 @@ display: flex; flex-direction: column; justify-content: space-between; + will-change: transform; &:hover , &:focus { diff --git a/client/src/components/ui/Task/task.scss b/client/src/components/ui/Task/task.scss index e39600f8965d0a59a36a0ac672ece710dd0661c2..a7b4b81b9b8eb63a09a8cf95ad6f90f2908f5e35 100644 --- a/client/src/components/ui/Task/task.scss +++ b/client/src/components/ui/Task/task.scss @@ -12,6 +12,7 @@ color: s.$text; font-weight: s.$weight-regular; position: relative; + will-change: transform; &:hover, &:focus { diff --git a/client/src/components/ui/TextInput/text-input.scss b/client/src/components/ui/TextInput/text-input.scss index ef325f04dfea59dc3d4921bb65d414fe15a2795e..eff9efe0c1447251465dcac67cf9003e58fc5341 100644 --- a/client/src/components/ui/TextInput/text-input.scss +++ b/client/src/components/ui/TextInput/text-input.scss @@ -37,23 +37,6 @@ resize: none; height: 300px; } - - input, - textarea { - width: 100%; - font-size: 16px; - border: none; - padding: 20px; - outline: none; - border-radius: 15px; - position: relative; - display: block; - border-radius: 15px; - color: s.$text; - font-weight: s.$weight-regular; - font-family: s.$body-font; - background: s.$background-white; - } } .note { diff --git a/client/src/pages/Landing/partials/Features/features.scss b/client/src/pages/Landing/partials/Features/features.scss index 781295ae7c170149f45b7077081756395ebb5a17..f46b65b3f7fc018c2281e053939f2926338b2a63 100644 --- a/client/src/pages/Landing/partials/Features/features.scss +++ b/client/src/pages/Landing/partials/Features/features.scss @@ -30,6 +30,7 @@ padding: 30px; border-radius: 25px; margin: 20px; + will-change: transform; @include mx.breakpoint(medium) { padding: 40px; diff --git a/client/src/styles/settings.scss b/client/src/styles/settings.scss index 20d59225508503e1c0c606455996ecffa7d27e82..9e027a9dde61b38e8222064532ca4bd3484dfeee 100644 --- a/client/src/styles/settings.scss +++ b/client/src/styles/settings.scss @@ -7,7 +7,7 @@ $light-colors: ( 'background-dark': #11061A, 'background-light': #f9f9f9, 'background-white': #ffffff, - 'background-input': #f4f4f4, + 'background-input': #ffffff, 'background': #EEF5F5, 'text': #3A5255, );