I take it the in-page navigation will not be rewritten completely and we will
continue using jQueryUI tabs for these. This is the styling for jQueryUI tabs
to look close to the comps.
---
src/app/stylesheets/aggregator.scss | 21 +++++++++++++++++++++
src/app/views/layouts/aggregator.haml | 2 +-
2 files changed, 22 insertions(+), 1 deletions(-)
diff --git a/src/app/stylesheets/aggregator.scss
b/src/app/stylesheets/aggregator.scss
index deefb11..bdac579 100644
--- a/src/app/stylesheets/aggregator.scss
+++ b/src/app/stylesheets/aggregator.scss
@@ -398,3 +398,24 @@ footer {
bottom: 0; left: 0; right: 0;
}
}
+
+/* jQuery UI tabs overrides */
+
+.ui-widget-content { border: none; }
+.ui-tabs {
+ .ui-widget-header {
+ font-size: 90%;
+ background: transparent;
+ }
+ .ui-state-default {
+ background: transparent;
+ border: none;
+ }
+ .ui-state-active {
+ background-color: $dcprimary;
+ @include border-radius(5px);
+ &>a {
+ color: #fff;
+ }
+ }
+}
diff --git a/src/app/views/layouts/aggregator.haml
b/src/app/views/layouts/aggregator.haml
index 8430b0a..5003096 100644
--- a/src/app/views/layouts/aggregator.haml
+++ b/src/app/views/layouts/aggregator.haml
@@ -6,10 +6,10 @@
Red Hat Deltacloud
= yield :title
- = stylesheet_link_tag 'compiled/aggregator'
= stylesheet_link_tag 'facebox'
= stylesheet_link_tag 'jquery.ui-1.8.1/jquery-ui-1.8.1.custom.css'
= stylesheet_link_tag 'jquery.loadmask'
+ = stylesheet_link_tag 'compiled/aggregator'
/ [if lt IE 9]
= javascript_include_tag
"http://html5shiv.googlecode.com/svn/trunk/html5.js";
--
1.7.2.3
_______________________________________________
deltacloud-devel mailing list
[email protected]
https://fedorahosted.org/mailman/listinfo/deltacloud-devel
