[Frontend/PLATFORM] Cherry picking from platform changes in vista65

open #95
vista #65
Style mods for selects;
(cherry picked from commit 8b2c4c6)

platform/commonUI/general/res/sass/_mixins.scss

@@ -303,31 +303,15 @@
 	padding: 0 $interiorMarginSm;
 }
 
-
-
-/*
-
-@mixin input-base($bg: $colorBodyBg, $fg: $colorBodyFg) {
-    @include appearance(none);
-    @include border-radius($controlCr);
-    @include box-sizing(border-box);
-    @include box-shadow(inset rgba(black, 0.65) 0 1px 4px);
-    background: rgba(#fff, 0.1);
-    border: none;
-    color: lighten($fg, 20%);
-    outline: none;
-    &.error {
-        background: rgba(red, 0.5);
-    }
+@mixin contextArrow() {
+	@include text-shadow(none);
+	content: '\76';
+	display: inline-block;
+	font-family: 'symbolsfont';
+	margin-left: $interiorMarginSm;
+	vertical-align: top;
 }
 
-@mixin nice-input($bg: $colorBodyBg, $fg: $colorBodyFg) {
-    @include input-base($bg, $fg);
-    padding: 0 $interiorMarginSm;
-}
-*/
-
-
 @mixin nice-textarea($bg: $colorBodyBg, $fg: $colorBodyFg) {
     @include input-base($bg, $fg);
     padding: $interiorMargin;

platform/commonUI/general/res/sass/controls/_menus.scss

@@ -38,14 +38,10 @@
 
 	&:after {
 		// Adds the downward facing 'context available / invoke menu' arrow element
+		@include contextArrow();
 		color: rgba($colorInvokeMenu, percentToDecimal($contrastInvokeMenuPercent));
-		content: '\76';
-		display: inline-block;
-		font-family: 'symbolsfont';
-		margin-left: $interiorMarginSm;
-		@include text-shadow(none);
-		vertical-align: top;
 	}
+
 	&.create-btn {
 		.title-label {
 			font-size: 1rem;

platform/commonUI/general/res/sass/forms/_selects.scss

@@ -20,20 +20,18 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 .select {
-	@include btnSubtle();
-	@extend .s-menu;
-	//cursor: pointer;
-	//display: inline-block;
+	@include btnSubtle($colorSelectBg);
 	margin: 0 0 2px 2px; // Needed to avoid dropshadow from being clipped by parent containers
+	padding: 0 $interiorMargin;
     overflow: hidden;
 	position: relative;
 	select {
 		@include appearance(none);
 		@include box-sizing(border-box);
 		background: none;
-		color: $colorBtnFg;
+		color: $colorSelectFg;
+		cursor: pointer;
 		border: none !important;
-		//cursor: pointer;
 		padding: 4px 25px 2px 0px;
         width: 120%;
         option {
@@ -41,7 +39,8 @@
         }
 	}
 	&:after {
-		//color: $colorKey;
+		@include contextArrow();
+		color: rgba($colorSelectFg, percentToDecimal($contrastInvokeMenuPercent));
 		//content:"v";
 		//display: block;
 		//font-family: 'symbolsfont';