You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@tez.apache.org by hi...@apache.org on 2015/02/25 19:36:28 UTC
tez git commit: TEZ-2142. TEZ UI: Breadcrumb border color looks out
of place in wrapped mode. (Sreenath Somarajapuram via hitesh)
Repository: tez
Updated Branches:
refs/heads/master b36b9b1f7 -> 1ccb0be71
TEZ-2142. TEZ UI: Breadcrumb border color looks out of place in wrapped mode. (Sreenath Somarajapuram via hitesh)
Project: http://git-wip-us.apache.org/repos/asf/tez/repo
Commit: http://git-wip-us.apache.org/repos/asf/tez/commit/1ccb0be7
Tree: http://git-wip-us.apache.org/repos/asf/tez/tree/1ccb0be7
Diff: http://git-wip-us.apache.org/repos/asf/tez/diff/1ccb0be7
Branch: refs/heads/master
Commit: 1ccb0be712dec4c8120b758651bc6b54a75916ae
Parents: b36b9b1
Author: Hitesh Shah <hi...@apache.org>
Authored: Wed Feb 25 10:35:58 2015 -0800
Committer: Hitesh Shah <hi...@apache.org>
Committed: Wed Feb 25 10:35:58 2015 -0800
----------------------------------------------------------------------
CHANGES.txt | 1 +
tez-ui/src/main/webapp/app/styles/main.less | 127 ++++++++++++-----------
2 files changed, 66 insertions(+), 62 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/tez/blob/1ccb0be7/CHANGES.txt
----------------------------------------------------------------------
diff --git a/CHANGES.txt b/CHANGES.txt
index 6548a65..ef45e6e 100644
--- a/CHANGES.txt
+++ b/CHANGES.txt
@@ -71,6 +71,7 @@ Release 0.6.1: Unreleased
INCOMPATIBLE CHANGES
ALL CHANGES:
+ TEZ-2142. TEZ UI: Breadcrumb border color looks out of place in wrapped mode.
TEZ-2134. TEZ UI: On request failure, display request URL and server name in error bar.
TEZ-2136. Some enhancements to the new Tez UI.
TEZ-2135. ACL checks handled incorrectly in AMWebController.
http://git-wip-us.apache.org/repos/asf/tez/blob/1ccb0be7/tez-ui/src/main/webapp/app/styles/main.less
----------------------------------------------------------------------
diff --git a/tez-ui/src/main/webapp/app/styles/main.less b/tez-ui/src/main/webapp/app/styles/main.less
index 275f3b6..c800ab2 100644
--- a/tez-ui/src/main/webapp/app/styles/main.less
+++ b/tez-ui/src/main/webapp/app/styles/main.less
@@ -31,6 +31,67 @@ body, html, body > .ember-view {
overflow: visible;
}
+// Styles used in both standalone and wrapped modes
+.standalone, .wrapped {
+
+ .main-container {
+ margin: 0px 30px;
+ }
+
+ .breadcrumb {
+ padding: 5px 15px;
+ border: 1px solid @border-lite;
+ font-size: 16px;
+ .active .sub {
+ font-size: 12px;
+ }
+
+ .fa-home:before {
+ position: relative;
+ font-size: 1.5em;
+ top: 2px;
+ }
+ }
+
+ .table-control {
+ .align-children-left {
+ vertical-align: top;
+ padding-top: 4px;
+ }
+ .align-children-right {
+ margin-top: -8px;
+ }
+ }
+
+ .load-component {
+ margin-bottom: 5px;
+
+ .panel-body {
+ padding-top: 5px;
+ padding-bottom: 5px;
+ }
+
+ .fa-clock-o {
+ .fa-2x;
+
+ position: relative;
+ top: 2px;
+ }
+
+ .align-children-right {
+ vertical-align: top;
+ }
+
+ .margin-small-horizontal {
+ vertical-align: middle;
+ }
+ }
+
+ .navbar {
+ margin-bottom: 0px;
+ }
+}
+
// TEZ UI in stand alone mode
.standalone {
height: 100%;
@@ -61,6 +122,10 @@ body, html, body > .ember-view {
}
}
+ .breadcrumb {
+ border: 1px solid @logo-orange;
+ }
+
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
@@ -96,68 +161,6 @@ body, html, body > .ember-view {
}
}
-// Styles used in both standalone and wrapped modes
-.standalone, .wrapped {
-
- .main-container {
- margin: 0px 30px;
- }
-
- .breadcrumb {
- padding: 5px 15px;
- border: 1px solid @logo-orange;
- font-size: 16px;
- .active .sub {
- font-size: 12px;
- }
-
- .fa-home:before {
- position: relative;
- font-size: 1.5em;
- top: 2px;
- }
- }
-
- .table-control {
- .align-children-left {
- vertical-align: top;
- padding-top: 4px;
- }
- .align-children-right {
- margin-top: -8px;
- }
- }
-
- .load-component {
- margin-bottom: 5px;
-
- .panel-body {
- padding-top: 5px;
- padding-bottom: 5px;
- }
-
- .fa-clock-o {
- .fa-2x;
-
- position: relative;
- top: 2px;
- }
-
- .align-children-right {
- vertical-align: top;
- }
-
- .margin-small-horizontal {
- vertical-align: middle;
- }
- }
-
- .navbar {
- margin-bottom: 0px;
- }
-
-}
-
.error-bar {
position: fixed;
bottom: -50px;