improved design for infowidgets in left/right navbars

CometVisu · Apr 8, 2015 · 631d601 · 631d601
1 parent c1518dc
commit 631d601
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/designs/metal/basic.css b/src/designs/metal/basic.css
@@ -151,7 +151,8 @@ body br
   background-image:      -o-linear-gradient(#555555, #383838); /* Opera 11.10+ */
   background-image:         linear-gradient(#555555, #383838);
 }
-.pagejump.active { background-image: url(images/active_page24.png); background-repeat: no-repeat; background-position: center right; }
+#navbarLeft .pagejump.active { border-right: 8px #ddd solid !important; }
+#navbarRight .pagejump.active { border-left: 8px #ddd solid !important; }
 
 .widget > .label
 {
@@ -992,7 +993,7 @@ background-image: -o-linear-gradient(top , #ff8000 , #333 );
 	font-size: 0.8em;
 	min-width: 20px;
   	border-radius: 20px;
-  	background-color: #FFFFFF;
+  	background-color: #FFF;
   	background-image: none;
   	color: black;
   	height: 20px;
@@ -1011,16 +1012,23 @@ background-image: -o-linear-gradient(top , #ff8000 , #333 );
 	top: 2px;
 	right: 0;
 }
-#navbarRight .navbar .pagejump .infowidget  { left: 0; }
+#navbarLeft .navbar .pagejump .infowidget  { top: 0; border-width: 0; right: -1px; }
+#navbarRight .navbar .pagejump .infowidget  { left: 0;  top: 0; border-width:0; left: -1px; }
+#navbarLeft .navbar .pagejump.active .infowidget  { right: -8px; }
+#navbarRight .navbar .pagejump.active .infowidget  { left: -8px; }
+
 #navbarLeft .navbar .pagejump .info  {
 	border-radius: 0 0 0 30px;
 	height: 30px;
 	width: 30px;
+	border-width:0;
+	background-color: #DDD;
 }
 #navbarRight .navbar .pagejump .info {
 	border-radius: 0 0 30px 0;
 	height: 30px;
 	width: 30px;
+	background-color: #DDD;
 }
 
 /* infoaction plugin */