💚 Fixed Codeclimate issues

webgem-xyz · Jan 28, 2018 · 395d626 · 395d626
1 parent 8371971
commit 395d626
Show file tree

Hide file tree

Showing 9 changed files with 53 additions and 52 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -13,7 +13,7 @@
   > div {
 
     label {
-      color: white;
+      color: var(--input-color);
     }
   }
 }

diff --git 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,
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,7 +13,7 @@ @@
       > div {
         label {
-          color: white;
+          color: var(--input-color);
         }
       }
     }
@@ Expand Down @@