Bug 427503 - Orion New UI Improvements

- Menu bar buttons should have a border on hover - Navigator links are colored orange on hover - Hamburger and User links are colored orange on hover - Bottom of editor div raised and border shown to remove appearance of being cut-off --Signed-off-by: Elijah El-Haddad <elijahe@ca.ibm.com>
elijahe · Feb 5, 2014 · 15672ae · 15672ae
1 parent 410df2b
commit 15672ae
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 4 deletions.
diff --git a/bundles/org.eclipse.orion.client.ui/web/css/ide.css b/bundles/org.eclipse.orion.client.ui/web/css/ide.css
@@ -56,6 +56,14 @@ button::-moz-focus-inner {
 	color: #333333;
 }
 
+.navlink:hover {
+	color: #F58B0F;
+}
+
+.navlink > span {
+	color: inherit;
+}
+
 .nav_fakelink:hover {
 	cursor: pointer;
 }
@@ -73,6 +81,7 @@ button::-moz-focus-inner {
 .navlinkonpage:hover {
 	text-decoration: none;
 	border-bottom: 1px dotted;
+	color: #F58B0F;
 }
 
 .dragOver {
@@ -858,7 +867,7 @@ input {
 }
 
 .centralNavigation:hover{
-
+	color: #F58B0F;
 }
 
 .navigationLabel{

diff --git a/bundles/org.eclipse.orion.client.ui/web/css/images.css b/bundles/org.eclipse.orion.client.ui/web/css/images.css
@@ -126,6 +126,10 @@
 	-moz-osx-font-smoothing: grayscale;
 }
 
+.core-sprite-silhouette:hover {
+	color: #F58B0F;
+}
+
 .core-sprite-addcontent{
 	font-size: 16px;
 	color: #f89427;

diff --git a/bundles/org.eclipse.orion.client.ui/web/css/layout.css b/bundles/org.eclipse.orion.client.ui/web/css/layout.css
@@ -283,7 +283,7 @@ hard-coded numbers elsewhere.
 	position: absolute;
 	top: 2px;  /* $ToolbarHeight + 2 */
  	width: 100%;
- 	bottom: 0;
+ 	bottom: 10px;
  	overflow-y: auto;
 	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); /* 0 0 0 1px #d1d1d1,0 0 4px 1px #ccc; */
 	margin-left: 2px;
@@ -299,7 +299,7 @@ hard-coded numbers elsewhere.
 	position: absolute;
 	top: 36px;  /* $ToolbarHeight + 2 */
  	width: 100%;
- 	bottom: 0;
+ 	bottom: 10px;
  	overflow-y: auto;
 }
 

diff --git a/bundles/org.eclipse.orion.client.ui/web/css/theme.css b/bundles/org.eclipse.orion.client.ui/web/css/theme.css
@@ -233,6 +233,14 @@ a.currentLocation:hover {
 	margin: 0;  /* to override user agent stylesheet */
 }
 
+.commandButton.orionButton.dropdownTrigger {
+	border-color: transparent;
+}
+
+.commandButton.orionButton.dropdownTrigger:hover {
+	border-color: #ccc;
+}
+
 .commandButton {
 	color: #222;
 	border: 1px solid #dedede;
@@ -386,7 +394,7 @@ a.currentLocation:hover {
 .dropdownTrigger {
 	font-weight: normal;
 	background: none !important;
-	border-color: transparent !important;
+	border-color: transparent;
 }
 
 .dropdownTrigger a {