From 395d626c4ca819c66ae299080ceb1616024917cc Mon Sep 17 00:00:00 2001 From: Yannick Date: Sun, 28 Jan 2018 20:31:53 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=9A=20Fixed=20Codeclimate=20issues?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/datePicker/style.scss | 2 +- src/components/formItem/style.scss | 22 +++++++++---------- src/components/linkRequestButton/style.scss | 3 ++- src/routes/add/style.scss | 20 ++++++++--------- src/routes/addMedia/style.scss | 22 +++++++++---------- src/routes/edit/style.scss | 2 +- src/routes/editMedia/style.scss | 24 ++++++++++----------- src/routes/login/style.scss | 2 +- src/style/index.scss | 8 +++---- 9 files changed, 53 insertions(+), 52 deletions(-) diff --git a/src/components/datePicker/style.scss b/src/components/datePicker/style.scss index 61247bd..35c5865 100644 --- a/src/components/datePicker/style.scss +++ b/src/components/datePicker/style.scss @@ -25,8 +25,8 @@ position: relative; i { - position: absolute; pointer-events: none; + position: absolute; right: 5px; top: 50%; transform: translateY(-50%); diff --git a/src/components/formItem/style.scss b/src/components/formItem/style.scss index ebbdb23..a420753 100644 --- a/src/components/formItem/style.scss +++ b/src/components/formItem/style.scss @@ -16,21 +16,21 @@ } select { + -moz-appearance: none; + -webkit-appearance: none; background: var(--input-color); // border: 1px solid var(--main-color); border: 0; border-radius: 0; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; display: inline-block; font-size: 15px; line-height: 1.5em; - padding: 0.5em 3.5em 0.5em 1em; - margin-top: 5px; margin-bottom: 5px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-appearance: none; - -moz-appearance: none; + margin-top: 5px; + padding: .5em 3.5em .5em 1em; } .select { @@ -41,12 +41,12 @@ background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), - calc(100% - 2.5em) 0.5em; + calc(100% - 2.5em) .5em; + background-repeat: no-repeat; background-size: 5px 5px, 5px 5px, 1px 1.5em; - background-repeat: no-repeat; } .select:focus { @@ -57,12 +57,12 @@ background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, - calc(100% - 2.5em) 0.5em; + calc(100% - 2.5em) .5em; + background-repeat: no-repeat; background-size: 5px 5px, 5px 5px, 1px 1.5em; - background-repeat: no-repeat; border-color: var(--main-color); outline: 0; } diff --git a/src/components/linkRequestButton/style.scss b/src/components/linkRequestButton/style.scss index ee5b21c..10e8f42 100644 --- a/src/components/linkRequestButton/style.scss +++ b/src/components/linkRequestButton/style.scss @@ -1,7 +1,8 @@ -.linkDiv{ +.linkDiv { display: flex; justify-content: flex-end; } + .linkRequest { background: var(--main-color); border: 0; diff --git a/src/routes/add/style.scss b/src/routes/add/style.scss index e8a63ee..5e7ab35 100644 --- a/src/routes/add/style.scss +++ b/src/routes/add/style.scss @@ -45,19 +45,19 @@ } select { + -moz-appearance: none; + -webkit-appearance: none; background: var(--input-color); border: 0; border-radius: 0; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; display: inline-block; font-size: 15px; line-height: 1.5em; - padding: 0.5em 3.5em 0.5em 1em; margin-bottom: 5px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-appearance: none; - -moz-appearance: none; + padding: .5em 3.5em .5em 1em; } .select { @@ -68,12 +68,12 @@ background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), - calc(100% - 2.5em) 0.5em; + calc(100% - 2.5em) .5em; + background-repeat: no-repeat; background-size: 5px 5px, 5px 5px, 1px 1.5em; - background-repeat: no-repeat; } .select:focus { @@ -84,12 +84,12 @@ background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, - calc(100% - 2.5em) 0.5em; + calc(100% - 2.5em) .5em; + background-repeat: no-repeat; background-size: 5px 5px, 5px 5px, 1px 1.5em; - background-repeat: no-repeat; border-color: var(--main-color); outline: 0; } diff --git a/src/routes/addMedia/style.scss b/src/routes/addMedia/style.scss index 2448c8d..668e44f 100644 --- a/src/routes/addMedia/style.scss +++ b/src/routes/addMedia/style.scss @@ -56,21 +56,21 @@ } select { + -moz-appearance: none; + -webkit-appearance: none; background: var(--input-color); // border: 1px solid var(--main-color); border: 0; border-radius: 0; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; display: inline-block; font-size: 15px; line-height: 1.5em; - padding: 0.5em 3.5em 0.5em 1em; - margin-top: 5px; margin-bottom: 5px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-appearance: none; - -moz-appearance: none; + margin-top: 5px; + padding: .5em 3.5em .5em 1em; } .select { @@ -81,12 +81,12 @@ background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), - calc(100% - 2.5em) 0.5em; + calc(100% - 2.5em) .5em; + background-repeat: no-repeat; background-size: 5px 5px, 5px 5px, 1px 1.5em; - background-repeat: no-repeat; } .select:focus { @@ -97,12 +97,12 @@ background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, - calc(100% - 2.5em) 0.5em; + calc(100% - 2.5em) .5em; + background-repeat: no-repeat; background-size: 5px 5px, 5px 5px, 1px 1.5em; - background-repeat: no-repeat; border-color: var(--main-color); outline: 0; } diff --git a/src/routes/edit/style.scss b/src/routes/edit/style.scss index 1522c7d..d257fe2 100644 --- a/src/routes/edit/style.scss +++ b/src/routes/edit/style.scss @@ -108,8 +108,8 @@ position: relative; i { - position: absolute; pointer-events: none; + position: absolute; right: 5px; top: 72.5%; transform: translateY(-50%); diff --git a/src/routes/editMedia/style.scss b/src/routes/editMedia/style.scss index 674ea55..5943d9d 100644 --- a/src/routes/editMedia/style.scss +++ b/src/routes/editMedia/style.scss @@ -45,21 +45,21 @@ } select { + -moz-appearance: none; + -webkit-appearance: none; background: var(--input-color); // border: 1px solid var(--main-color); border: 0; border-radius: 0; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; display: inline-block; font-size: 15px; line-height: 1.5em; - padding: 0.5em 3.5em 0.5em 1em; - margin-top: 5px; margin-bottom: 5px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-appearance: none; - -moz-appearance: none; + margin-top: 5px; + padding: .5em 3.5em .5em 1em; } .select { @@ -70,12 +70,12 @@ select { background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), - calc(100% - 2.5em) 0.5em; + calc(100% - 2.5em) .5em; + background-repeat: no-repeat; background-size: 5px 5px, 5px 5px, 1px 1.5em; - background-repeat: no-repeat; } .select:focus { @@ -86,12 +86,12 @@ select { background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, - calc(100% - 2.5em) 0.5em; + calc(100% - 2.5em) .5em; + background-repeat: no-repeat; background-size: 5px 5px, 5px 5px, 1px 1.5em; - background-repeat: no-repeat; border-color: var(--main-color); outline: 0; } @@ -207,8 +207,8 @@ select:-moz-focusring { position: relative; i { - position: absolute; pointer-events: none; + position: absolute; right: 5px; top: 72.5%; transform: translateY(-50%); diff --git a/src/routes/login/style.scss b/src/routes/login/style.scss index 2487a94..df325d3 100644 --- a/src/routes/login/style.scss +++ b/src/routes/login/style.scss @@ -13,7 +13,7 @@ > div { label { - color: white; + color: var(--input-color); } } } diff --git a/src/style/index.scss b/src/style/index.scss index 66a9fa6..4b39ec1 100644 --- a/src/style/index.scss +++ b/src/style/index.scss @@ -10,13 +10,13 @@ */ :root { - --main-purple: #cc3399; + --input-color: #fff; --main-bg-color: #f2f2f2; --main-blue: #009ba4; - --main-color: #666666; - --medium-gray: #999999; + --main-color: #666; --main-light-color: #e2e2e2; - --input-color: #ffffff; + --main-purple: #c39; + --medium-gray: #999; } html,