Merge pull request #283 from Safelite/CSR-365-style-update-scrollbar-fix

CSR-365 set base font color, remove horizontal scrollbar.

src/common-components/button-question/button-question.vue

@@ -135,7 +135,7 @@ export default {
         const newSelectedValues = this.selectedValues;
         if(Array.isArray(this.selectedValues)) {
           val.checkValue ? newSelectedValues.push(val.value) : newSelectedValues.splice(newSelectedValues.indexOf(val.value), 1);
-          this.selectedValues = newSelectedValues;  
+          this.selectedValues = newSelectedValues;
         }
       } else {
         this.selectedValues = [val.value];
@@ -154,11 +154,11 @@ export default {
 
 <style lang="scss" scoped>
 .button-question-overflow {
-  height: calc(100vh - 280px);
+  height: calc(100vh - 252px);
 
   .overflow-scroll {
     // Height will be determined by overall height of content above list
-    height: calc(100% - 320px);
+    height: calc(100% - 300px);
     -webkit-overflow-scrolling: touch;
   }
 }

src/styles/common-styles.scss

@@ -3,6 +3,7 @@
 body {
   font-size: 16px;
   background-color: #fff;
+  color: #4D5151;
   .container-fluid {
     max-width: 576px; //Remove once desktop app is complete
     &.container-shadow {
@@ -22,7 +23,7 @@ body {
   }
   .container,
   .container-fluid {
-    overflow-x: hidden;
+    overflow-x: hidden !important;
   }
 
   .sr-only {

src/styles/ux-variables.scss

@@ -107,6 +107,9 @@ $theme-colors: (
 "dark":       $dark
 );
 
+//Default font color
+$body-color:  $gray-600;
+
 //Fonts
 $font-family-sans-serif:      Roboto, Arial, Helvetica, sans-serif;
 $font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;