[Kimchi-devel] [PATCH 3/3] [new-ui] Adding new-ui to Administration tab
sguimaraes943 at gmail.com
sguimaraes943 at gmail.com
Wed Nov 25 21:26:00 UTC 2015
From: Andre Teodoro <andreteodoro.work at gmail.com>
Signed-off-by: Andre Teodoro <andreteodoro.work at gmail.com>
Signed-off-by: samhenri <samuel.guimaraes at eldorado.org.br>
---
ui/css/src/modules/_administration.scss | 340 ++++++++++++++++++++++++++++++++
1 file changed, 340 insertions(+)
diff --git a/ui/css/src/modules/_administration.scss b/ui/css/src/modules/_administration.scss
index e69de29..a585881 100644
--- a/ui/css/src/modules/_administration.scss
+++ b/ui/css/src/modules/_administration.scss
@@ -0,0 +1,340 @@
+//
+// Project Wok
+//
+// Copyright IBM, Corp. 2015
+//
+// Code derived from Project Kimchi
+//
+// Licensed 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.
+//
+#administration-root-container {
+ .fa {
+ margin-left: 20px;
+ font-size: 20px;
+ color: #5a595b;
+ }
+ h3 {
+ height: 32px;
+ padding: 10px 15px;
+ font-size: 20px;
+ border-radius: 2px 2px 0 0;
+ display: inline-block;
+ }
+ h3 > a > span.accordion-icon {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-size: 20px;
+ color: #5a595b;
+ }
+ h3 > a > span.accordion-text {
+ margin-left: 20px;
+ }
+ h3 > a[aria-expanded="true"] > span.accordion-icon:before {
+ content: "\f01b";
+ }
+ h3 > a[aria-expanded="false"] > span.accordion-icon:before {
+ content: "\f01a";
+ }
+ a {
+ color: #9e9e9e;
+ text-decoration: none;
+ }
+ hr {
+ width: 93%;
+ border: 1.8px solid #eaeaea;
+ margin-top: 30px !important;
+ }
+}
+
+#sanadapters-ppc-content-area,
+#sensors-ppc-content-area,
+#backup-ppc-content-area,
+#users-ppc-content-area,
+#network-ppc-content-area,
+#sep-ppc-content-area {
+ width: 95.6%;
+ margin-top: 10px;
+ margin-left: 12px;
+ list-style-type: none;
+ .li:nth-child(even) {
+ background-color: #fcfcfc;
+ }
+ .li:nth-child(odd) {
+ background-color: #fff;
+ }
+ .header {
+ border-top: 0 none;
+ > span,
+ div {
+ padding: 6px 2px;
+ display: inline-block;
+ vertical-align: bottom;
+ height: 36px;
+ font-family: $font-family-sans-serif;
+ font-weight: 400;
+ font-size: 12.5pt;
+ line-height: 1.42857;
+ border-bottom: none;
+ border-top: 0;
+ }
+ }
+ .body {
+ border-top: 1px solid #eee;
+ > span {
+ padding: 6px 2px;
+ display: inline-block;
+ vertical-align: top;
+ font-family: $font-family-sans-serif;
+ font-size: 11pt;
+ line-height: 2.42857;
+ font-weight: bold;
+ }
+ }
+ .body > div {
+ padding: 6px 2px;
+ display: inline-block;
+ vertical-align: top;
+ font-family: $font-family-sans-serif;
+ font-size: 11pt;
+ line-height: 2.42857;
+ font-weight: bold;
+ }
+ .name {
+ width: 19.6914%;
+ }
+ .wwpn,
+ .speed {
+ width: 13.2486%;
+ }
+ .wwnn,
+ .port {
+ width: 13.4301%;
+ }
+ .state {
+ width: 13.1478%;
+ }
+ .symbolic {
+ width: 13.7931%;
+ }
+ .default_column {
+ width: 25%;
+ }
+}
+
+#firmware-update-content-area {
+ width: 95.6%;
+ margin-top: 10px;
+ margin-left: 12px;
+ .col-md-4 {
+ width: 32.2%;
+ }
+ .fmw-content {
+ margin-left: 40px;
+ margin-bottom: 30px;
+ }
+ .fmw-form {
+ margin-top: 20px;
+ }
+ .form-control {
+ padding: 6px 12px !important;
+ width: 60%
+ }
+ .fmw-label {
+ padding: 6px 2px;
+ height: 36px;
+ font-family: $font-family-sans-serif;
+ font-weight: 400;
+ font-size: 12.5pt;
+ }
+ .fmw-item {
+ padding: 2px 2px;
+ font-family: $font-family-sans-serif;
+ font-size: 11pt;
+ }
+}
+
+#gingerPowerMgmt {
+ .header {
+ padding-left: 0;
+ }
+ .pwr-item {
+ width: 100%;
+ margin-bottom: 10px;
+ }
+ .pwr-item-label {
+ margin-left: 10px;
+ padding: 2px 2px;
+ vertical-align: top;
+ font-family: $font-family-sans-serif;
+ font-size: 11pt;
+ }
+ .actBtn {
+ float: none;
+ width: 22%;
+ }
+ .pwr-activated,
+ .pwr-selected,
+ .pwr-unselected {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: 22px;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ .pwr-activated:before {
+ content: "\f00c";
+ color: $fa-green;
+ }
+ .pwr-selected:before {
+ content: "\f192";
+ }
+ .pwr-unselected:before {
+ content: "\f10c";
+ }
+}
+
+#backup-ppc-content-area {
+ .ul-body {
+ width: 100%;
+ margin-top: 10px;
+ margin-left: 0;
+ -webkit-padding-start: 0;
+ list-style-type: none;
+ }
+ .column-file {
+ width: 58.9790%;
+ word-wrap: break-word;
+ }
+ .column-timestamp {
+ width: 18.9608%;
+ }
+ .column-download {
+ width: 11.0300%;
+ }
+ .column-delete {
+ width: 11.0300%;
+ }
+ .fa-download,
+ .fa-minus-circle {
+ margin-right: 10px;
+ }
+ .backup-pcc-actions {
+ margin-bottom: 20px;
+ }
+ .backup-pcc-button {
+ height: 40px;
+ }
+}
+
+#backup-pcc-action-area {
+ .fa {
+ margin-left: 0;
+ font-size: 20px;
+ color: #fff;
+ }
+ .fa-minus-circle {
+ margin-right: 0;
+ }
+ a {
+ color: #fff;
+ }
+}
+
+#users-ppc-content-area {
+ .column-username {
+ width: 22.6666%;
+ }
+ .column-usergroup {
+ width: 22.6666%;
+ }
+ .column-userprofile {
+ width: 22.6666%;
+ }
+ .column-detach {
+ width: 32%;
+ }
+ .fa-trash-o {
+ float: right;
+ }
+ .fa-plus-circle {
+ margin-left: 0;
+ }
+ .actBtn {
+ float: none;
+ margin-bottom: 10px;
+ width: 10%;
+ height: auto;
+ }
+}
+
+#network-ppc-content-area {
+ .body {
+ border-top: 0 none;
+ }
+ .column-name {
+ width: 16%;
+ }
+ .column-ip-address {
+ width: 30%;
+ }
+ .column-ip-mask {
+ width: 30%;
+ }
+ .column-actions {
+ width: 22%;
+ }
+ .network-item {
+ padding: 2px 2px;
+ font-family: $font-family-sans-serif;
+ font-size: 11pt;
+ }
+ .form-control {
+ padding: 6px 12px !important;
+ width: 80%
+ }
+ .fa {
+ margin-left: 0;
+ }
+ .column-dns-ip-address {
+ width: 75%;
+ }
+ .addBtn {
+ margin-bottom: 20px;
+ width: 40%;
+ }
+ .btn-link {
+ width: auto;
+ padding: 3px 2px;
+ }
+}
+
+#sep-ppc-content-area {
+ .column-username {
+ width: 22.6666%;
+ }
+ .column-usergroup {
+ width: 22.6666%;
+ }
+ .column-userprofile {
+ width: 22.6666%;
+ }
+ .column-detach {
+ width: 32%;
+ }
+ .fa-trash-o {
+ float: right;
+ }
+}
\ No newline at end of file
--
1.9.3
More information about the Kimchi-devel
mailing list