You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by bf...@apache.org on 2013/10/04 00:17:22 UTC
git commit: updated refs/heads/ui-restyle to 9c4ef72
Updated Branches:
refs/heads/ui-restyle d35eb7e64 -> 9c4ef7280
Detail view: Add tabbed appearance
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/9c4ef728
Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/9c4ef728
Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/9c4ef728
Branch: refs/heads/ui-restyle
Commit: 9c4ef72803de06cf6d44543234cd6886d472aa95
Parents: d35eb7e
Author: Brian Federle <br...@citrix.com>
Authored: Thu Oct 3 15:17:09 2013 -0700
Committer: Brian Federle <br...@citrix.com>
Committed: Thu Oct 3 15:17:09 2013 -0700
----------------------------------------------------------------------
ui/stylesheets/cloudstack.scss | 18 ++++++++++++++
ui/stylesheets/csui/_csui.scss | 1 +
ui/stylesheets/csui/_details.scss | 45 ++++++++++++++++++++++++++++++++++
3 files changed, 64 insertions(+)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/9c4ef728/ui/stylesheets/cloudstack.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss
index b8b5ee0..43d4604c 100644
--- a/ui/stylesheets/cloudstack.scss
+++ b/ui/stylesheets/cloudstack.scss
@@ -225,6 +225,24 @@ body {
max-height: 85%;
}
+.detail-view {
+ .ui-tabs-nav {
+ @include csui-tabs;
+
+ li.ui-state-active {
+ @include csui-tab-active;
+ }
+ }
+
+ .detail-group {
+ @include csui-details;
+ }
+
+ .ui-tabs-hide {
+ display: none;
+ }
+}
+
// Panel toolbars
.toolbar {
@include csui-toolbar;
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/9c4ef728/ui/stylesheets/csui/_csui.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/csui/_csui.scss b/ui/stylesheets/csui/_csui.scss
index b3584c3..508d938 100644
--- a/ui/stylesheets/csui/_csui.scss
+++ b/ui/stylesheets/csui/_csui.scss
@@ -56,5 +56,6 @@ html, body {
@import "asset";
@import "dialog";
@import "list";
+@import "details";
@import "toolbar";
@import "breadcrumbs";
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/9c4ef728/ui/stylesheets/csui/_details.scss
----------------------------------------------------------------------
diff --git a/ui/stylesheets/csui/_details.scss b/ui/stylesheets/csui/_details.scss
new file mode 100644
index 0000000..50ea9c9
--- /dev/null
+++ b/ui/stylesheets/csui/_details.scss
@@ -0,0 +1,45 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements. See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership. The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied. See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+@mixin csui-tab {
+ float: left;
+ list-style: none;
+ padding: 15px 40px;
+ margin: 0px;
+}
+
+@mixin csui-tab-active {
+ background: lighten(#ccc, 10%);
+ border-radius: 8px 8px 0 0;
+ margin: 0;
+}
+
+@mixin csui-tabs {
+ @include row;
+
+ margin: 0;
+ padding: 0;
+
+ li {
+ @include csui-tab;
+ }
+}
+
+@mixin csui-details {
+ background: lighten(#ccc, 10%);
+ padding: 15px;
+}
\ No newline at end of file