Updated Branches: refs/heads/ui-restyle bd71fbba9 -> 2918a73ca
Style multi-edit Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/2918a73c Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/2918a73c Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/2918a73c Branch: refs/heads/ui-restyle Commit: 2918a73ca52290b585928e1e4cc7756321f89856 Parents: bd71fbb Author: Brian Federle <[email protected]> Authored: Tue Oct 15 15:40:22 2013 -0700 Committer: Brian Federle <[email protected]> Committed: Tue Oct 15 15:40:22 2013 -0700 ---------------------------------------------------------------------- ui/stylesheets/cloudstack.css | 110 ++++++++++++++++++++++++++++++++++++ ui/stylesheets/cloudstack.scss | 1 + ui/stylesheets/multi-edit.scss | 66 ++++++++++++++++++++++ 3 files changed, 177 insertions(+) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/2918a73c/ui/stylesheets/cloudstack.css ---------------------------------------------------------------------- diff --git a/ui/stylesheets/cloudstack.css b/ui/stylesheets/cloudstack.css index f6bed1a..4a4f90b 100644 --- a/ui/stylesheets/cloudstack.css +++ b/ui/stylesheets/cloudstack.css @@ -6665,6 +6665,116 @@ ul.ui-tabs-nav { text-decoration: underline; color: black; } +.multi-edit { + overflow: auto; + width: 100%; + overflow: auto; + font-size: 11px; } + .multi-edit table { + width: 100%; } + .multi-edit table th, .multi-edit table tr td { + padding: 7px; } + .multi-edit table th { + text-align: left; + border: 1px solid #b9b9b9; + background: #e8e8e8; + font-size: 11px; + color: #474747; + background-color: white; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e2e2e2)); + background-image: -webkit-linear-gradient(white, #e2e2e2); + background-image: linear-gradient(white, #e2e2e2); } + .multi-edit table tr:not(.empty) { + border-bottom: 1px solid #ccc; } + .multi-edit table tr:nth-child(even) { + background: #f7f7f7; } + .multi-edit table tr td { + padding: 5px; + font-size: 11px; + max-width: 100px; } + .multi-edit table tr td span { + float: left; } + .multi-edit table th.actions, .multi-edit table td.actions { + width: 80px; } + .multi-edit table th.reorder, .multi-edit table td.reorder { + width: 150px; } + .multi-edit table td.first { + cursor: pointer; } + .multi-edit table td.first:hover { + color: #237AD7; } + .multi-edit table.body { + margin-top: 0px; } + .multi-edit .button { + background-color: white; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gray)); + background-image: -webkit-linear-gradient(white, gray); + background-image: linear-gradient(white, gray); + display: block; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 12px; + padding-right: 12px; + min-width: 92px; + font-size: 12px; + border-radius: 3px; + border: 1px solid black; + cursor: pointer; + text-align: center; } + .multi-edit .button:hover { + box-shadow: inset 0 0 10px black; } + .multi-edit th, .multi-edit td { + min-width: 100px; + white-space: nowrap; } + .multi-edit input[type=text], .multi-edit select { + padding-top: 5px; + padding-bottom: 5px; + width: 100%; } + .multi-edit td.add-vm .button { + background-color: white; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gray)); + background-image: -webkit-linear-gradient(white, gray); + background-image: linear-gradient(white, gray); + display: block; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 12px; + padding-right: 12px; + min-width: 92px; + font-size: 12px; + border-radius: 3px; + border: 1px solid black; + cursor: pointer; + text-align: center; + background-color: darkgrey; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, darkgrey), color-stop(100%, #262626)); + background-image: -webkit-linear-gradient(darkgrey, #262626); + background-image: linear-gradient(darkgrey, #262626); + background-color: #2e2e2e; + color: white; + font-weight: bold; + text-shadow: 0px 1px 1px black; } + .multi-edit td.add-vm .button:hover { + box-shadow: inset 0 0 10px black; } + .multi-edit .data-item { + margin-top: 15px; + margin-bottom: 15px; } + .multi-edit .data-item .expand { + float: left; + cursor: pointer; + margin-right: 10px; + color: darkgray; } + .multi-edit .data-item .expand:before { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + content: "\f055"; + font-size: 18px; } + .multi-edit .data-item .expand:hover { + color: black; } + html body > .login { height: 100%; min-height: 630px; http://git-wip-us.apache.org/repos/asf/cloudstack/blob/2918a73c/ui/stylesheets/cloudstack.scss ---------------------------------------------------------------------- diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss index 8516e36..29067eb 100644 --- a/ui/stylesheets/cloudstack.scss +++ b/ui/stylesheets/cloudstack.scss @@ -22,6 +22,7 @@ @import "instance-wizard"; @import "list-view"; @import "detail-view"; +@import "multi-edit"; html body > .login { @include csui-login; http://git-wip-us.apache.org/repos/asf/cloudstack/blob/2918a73c/ui/stylesheets/multi-edit.scss ---------------------------------------------------------------------- diff --git a/ui/stylesheets/multi-edit.scss b/ui/stylesheets/multi-edit.scss new file mode 100644 index 0000000..cedc79f --- /dev/null +++ b/ui/stylesheets/multi-edit.scss @@ -0,0 +1,66 @@ +// 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. +.multi-edit { + @include csui-list; + + width: 100%; + overflow: auto; + font-size: 11px; + + .button { + @include csui-button; + } + + th, td { + min-width: 100px; + white-space: nowrap; + } + + input[type=text], select { + padding-top: 5px; + padding-bottom: 5px; + width: 100%; + } + + td.add-vm { + .button { + @include csui-button-cta; + } + } + + .data-item { + margin-top: 15px; + margin-bottom: 15px; + + .expand { + float: left; + cursor: pointer; + margin-right: 10px; + color: darkgray; + + &:before { + @include icon($plus-sign); + + font-size: 18px; + } + + &:hover { + color: black; + } + } + } +} \ No newline at end of file
