Merge pull request #1143 from BeatC/visual-problems

Fix some ui bugs

css/_inlay.scss

@@ -3,7 +3,7 @@
     @include border-radius(3px);
     padding: 40px 38px 44px;
     color: #fff;
-    background: lighten(desaturate($defaultBackground, 70%), 20%);
+    background: $inlayColorBg;
     text-align: center;
 
     &__title {
@@ -12,7 +12,7 @@
         color: $popoverFontColor;
         font-size: 21px;
         letter-spacing: 0.3px;
-        border-bottom: 1px solid $auiBorderColor;
+        border-bottom: 1px solid $inlayBorderColor;
     }
 
     &__text {

css/_jitsi_popover.scss

@@ -14,13 +14,13 @@
     /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
     /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/
     white-space: normal;
-    margin-top: -10px;
+    margin-top: -13px;
 
     &__menu-padding {
         height: 10px;
         width: 100px;
         position: absolute;
-        bottom: -10px;
+        bottom: -13px;
     }
 
     &__showmore {

css/_side_toolbar_container.scss

@@ -60,6 +60,10 @@
         box-sizing: border-box;
         color: #FFF;
 
+        .input-control {
+            border: 0;
+        }
+
         /**
          * Titles and subtitles of inner containers.
          */

css/_variables.scss

@@ -77,7 +77,6 @@ $rateStarLabelColor: #333;
 $rateStarDefault: #ccc;
 $rateStarActivity: #165ecc;
 $rateStarSize: 34px;
-$feedbackCancelFontColor: #333;
 
 /**
  * Notifications

css/modals/_dialog.scss

@@ -2,7 +2,7 @@
     visibility: visible;
     height: auto;
 
-    h3 {
+    h1, h2, h3, h4, h5, h6 {
         color: $auiDialogColor;
     }
 

css/modals/feedback/_feedback.scss

@@ -62,8 +62,7 @@
             text-align: center;
             padding: 10px 40px 20px 40px;
 
-            .form-control{
-                &__input {
+            .input-control {
                 background-color: $feedbackInputBg;
                 color: $feedbackInputTextColor;
 
@@ -77,7 +76,6 @@
                     color: $feedbackInputPlaceholderColor;
                 }
             }
-            }
 
             .rating {
                 line-height: 1.2;

css/themes/_light.scss

@@ -53,6 +53,12 @@ $auiDialogContentBg: $baseLight;
 $auiBorderColor: #ccc;
 $dialogTitleFontWeight: 400;
 
+/**
+* Inlay colors
+**/
+$inlayColorBg: lighten($defaultBackground, 20%);
+$inlayBorderColor: lighten($auiDialogContentBg, 10%);
+
 // Main controls
 $inputBackground: $controlBackground;
 $inputBorderColor: #ccc;
@@ -68,6 +74,9 @@ $linkHoverFontColor: darken(#3572b0, 10%);
 $dropdownColor: #333;
 $errorColor: #c61600;
 
+// Feedback colors
+$feedbackCancelFontColor: #333;
+
 // Popover colors
 $popoverBg: #000;
 $popoverFontColor: #ffffff;