[Frontend] Renew of ue-frontend

Picks up markup and CSS changes from
open1174 (breadcrumbs)

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

@@ -0,0 +1,31 @@
+.l-breadcrumb {
+	$c: darken($colorBodyFg, 15%);
+	$p: 4px;
+	font-size: 0.7rem;
+	line-height: 1em;
+	margin-bottom: $interiorMargin;
+	margin-left: -1 * $p;
+	.l-breadcrumb-item {
+		//@include test();
+		a {
+			@include box-sizing(border-box);
+			@include border-radius($basicCr*.75);
+			@include single-transition(background-color, 0.25s);
+			color: darken($colorBodyFg, 15%);
+			display: inline-block;
+			//margin-right: $interiorMargin;
+			padding: $p/2 $p;
+			.icon {
+				color: $colorItemTreeIcon;
+				margin-right: $interiorMargin;
+			}
+			&:hover {
+				background: lighten($colorBodyBg, 10%);
+				color: lighten($colorBodyFg, 10%);
+				.icon {
+					color: $colorItemTreeIconHover;
+				}
+			}
+		}
+	}
+}

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

@@ -82,11 +82,12 @@
 	padding: 0 ($interiorMargin * 2);  // Moved to s-btn
 	text-decoration: none;  // Moved to s-btn
 	&.create-btn {
-		$h: $ueBrowseViewBarH;
+		$h: $ueTopBarH - $interiorMargin; //$btnStdH * 1.5;;
+		$p: $p * 2.25;
 		height: $h;
 		line-height: $h;
-		font-size: 1.1em;
-		padding: 0 ($p * 1.5) 0 $p;
+		//font-size: 1.1em;
+		padding: 0 $p;
 		.menu {
 			margin-left: $p * -1;
 		}
@@ -202,7 +203,7 @@
 .top-bar .buttons-main .t-btn,
 .tool-bar .btn,
 .tool-bar .t-btn {
-	$h: $ueEditToolBarButtonH;
+	$h: $btnToolbarH;
 	display: inline-block;
 	font-size: $h * $btnFontSizeToH;
 	height: $h;
@@ -340,7 +341,7 @@ label.checkbox.custom {
 }
 
 .top-bar .btn-menu {
-	$h: $ueTopBarH; // 35px
+	$h: $btnStdH; //$ueTopBarBtnH; // 35px
 	$p: 10px;
 	$badgeM: $interiorMargin;
 	$badgeD: $h - ($badgeM * 2);
@@ -386,7 +387,6 @@ label.checkbox.custom {
 		font-size: 1.1em;
 		span {
 			display: inline-block;
-//			margin-right: $interiorMargin;
 		}
 	}
 }

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

@@ -51,7 +51,9 @@
         $prw: $w - $plw;
         width: $w;
         height: $h;
-        .contents { overflow: none; }
+        .contents {
+	        @include absPosDefault($interiorMargin);
+        }
         .pane {
             @include box-sizing(border-box);
             &.left {