<div dir="ltr">It shares resources with Gingerbase (Software Updates) and Bootstrap accordions (WOK, assuming other people might want to use the same style in their plugins). I'll separate them in a different SCSS file then and send a different patch for each submodule then.<div><br></div><div>Samuel</div></div><div class="gmail_extra"><br><div class="gmail_quote">2015-11-25 21:51 GMT-02:00 Aline Manera <span dir="ltr"><<a href="mailto:alinefm@linux.vnet.ibm.com" target="_blank">alinefm@linux.vnet.ibm.com</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><br>
Should I apply this patch on Kimchi repository?<br>
<br>
As it is specific for Administration tab I am wondering if it should be applied on ginger repository.<div class="HOEnZb"><div class="h5"><br>
<br>
On 25/11/2015 19:26, <a href="mailto:sguimaraes943@gmail.com" target="_blank">sguimaraes943@gmail.com</a> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
From: Andre Teodoro <<a href="mailto:andreteodoro.work@gmail.com" target="_blank">andreteodoro.work@gmail.com</a>><br>
<br>
Signed-off-by: Andre Teodoro <<a href="mailto:andreteodoro.work@gmail.com" target="_blank">andreteodoro.work@gmail.com</a>><br>
Signed-off-by: samhenri <<a href="mailto:samuel.guimaraes@eldorado.org.br" target="_blank">samuel.guimaraes@eldorado.org.br</a>><br>
---<br>
ui/css/src/modules/_administration.scss | 340 ++++++++++++++++++++++++++++++++<br>
1 file changed, 340 insertions(+)<br>
<br>
diff --git a/ui/css/src/modules/_administration.scss b/ui/css/src/modules/_administration.scss<br>
index e69de29..a585881 100644<br>
--- a/ui/css/src/modules/_administration.scss<br>
+++ b/ui/css/src/modules/_administration.scss<br>
@@ -0,0 +1,340 @@<br>
+//<br>
+// Project Wok<br>
+//<br>
+// Copyright IBM, Corp. 2015<br>
+//<br>
+// Code derived from Project Kimchi<br>
+//<br>
+// Licensed under the Apache License, Version 2.0 (the "License");<br>
+// you may not use this file except in compliance with the License.<br>
+// You may obtain a copy of the License at<br>
+//<br>
+// <a href="http://www.apache.org/licenses/LICENSE-2.0" rel="noreferrer" target="_blank">http://www.apache.org/licenses/LICENSE-2.0</a><br>
+//<br>
+// Unless required by applicable law or agreed to in writing, software<br>
+// distributed under the License is distributed on an "AS IS" BASIS,<br>
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.<br>
+// See the License for the specific language governing permissions and<br>
+// limitations under the License.<br>
+//<br>
+#administration-root-container {<br>
+ .fa {<br>
+ margin-left: 20px;<br>
+ font-size: 20px;<br>
+ color: #5a595b;<br>
+ }<br>
+ h3 {<br>
+ height: 32px;<br>
+ padding: 10px 15px;<br>
+ font-size: 20px;<br>
+ border-radius: 2px 2px 0 0;<br>
+ display: inline-block;<br>
+ }<br>
+ h3 > a > span.accordion-icon {<br>
+ display: inline-block;<br>
+ font: normal normal normal 14px/1 FontAwesome;<br>
+ text-rendering: auto;<br>
+ -webkit-font-smoothing: antialiased;<br>
+ font-size: 20px;<br>
+ color: #5a595b;<br>
+ }<br>
+ h3 > a > span.accordion-text {<br>
+ margin-left: 20px;<br>
+ }<br>
+ h3 > a[aria-expanded="true"] > span.accordion-icon:before {<br>
+ content: "\f01b";<br>
+ }<br>
+ h3 > a[aria-expanded="false"] > span.accordion-icon:before {<br>
+ content: "\f01a";<br>
+ }<br>
+ a {<br>
+ color: #9e9e9e;<br>
+ text-decoration: none;<br>
+ }<br>
+ hr {<br>
+ width: 93%;<br>
+ border: 1.8px solid #eaeaea;<br>
+ margin-top: 30px !important;<br>
+ }<br>
+}<br>
+<br>
+#sanadapters-ppc-content-area,<br>
+#sensors-ppc-content-area,<br>
+#backup-ppc-content-area,<br>
+#users-ppc-content-area,<br>
+#network-ppc-content-area,<br>
+#sep-ppc-content-area {<br>
+ width: 95.6%;<br>
+ margin-top: 10px;<br>
+ margin-left: 12px;<br>
+ list-style-type: none;<br>
+ .li:nth-child(even) {<br>
+ background-color: #fcfcfc;<br>
+ }<br>
+ .li:nth-child(odd) {<br>
+ background-color: #fff;<br>
+ }<br>
+ .header {<br>
+ border-top: 0 none;<br>
+ > span,<br>
+ div {<br>
+ padding: 6px 2px;<br>
+ display: inline-block;<br>
+ vertical-align: bottom;<br>
+ height: 36px;<br>
+ font-family: $font-family-sans-serif;<br>
+ font-weight: 400;<br>
+ font-size: 12.5pt;<br>
+ line-height: 1.42857;<br>
+ border-bottom: none;<br>
+ border-top: 0;<br>
+ }<br>
+ }<br>
+ .body {<br>
+ border-top: 1px solid #eee;<br>
+ > span {<br>
+ padding: 6px 2px;<br>
+ display: inline-block;<br>
+ vertical-align: top;<br>
+ font-family: $font-family-sans-serif;<br>
+ font-size: 11pt;<br>
+ line-height: 2.42857;<br>
+ font-weight: bold;<br>
+ }<br>
+ }<br>
+ .body > div {<br>
+ padding: 6px 2px;<br>
+ display: inline-block;<br>
+ vertical-align: top;<br>
+ font-family: $font-family-sans-serif;<br>
+ font-size: 11pt;<br>
+ line-height: 2.42857;<br>
+ font-weight: bold;<br>
+ }<br>
+ .name {<br>
+ width: 19.6914%;<br>
+ }<br>
+ .wwpn,<br>
+ .speed {<br>
+ width: 13.2486%;<br>
+ }<br>
+ .wwnn,<br>
+ .port {<br>
+ width: 13.4301%;<br>
+ }<br>
+ .state {<br>
+ width: 13.1478%;<br>
+ }<br>
+ .symbolic {<br>
+ width: 13.7931%;<br>
+ }<br>
+ .default_column {<br>
+ width: 25%;<br>
+ }<br>
+}<br>
+<br>
+#firmware-update-content-area {<br>
+ width: 95.6%;<br>
+ margin-top: 10px;<br>
+ margin-left: 12px;<br>
+ .col-md-4 {<br>
+ width: 32.2%;<br>
+ }<br>
+ .fmw-content {<br>
+ margin-left: 40px;<br>
+ margin-bottom: 30px;<br>
+ }<br>
+ .fmw-form {<br>
+ margin-top: 20px;<br>
+ }<br>
+ .form-control {<br>
+ padding: 6px 12px !important;<br>
+ width: 60%<br>
+ }<br>
+ .fmw-label {<br>
+ padding: 6px 2px;<br>
+ height: 36px;<br>
+ font-family: $font-family-sans-serif;<br>
+ font-weight: 400;<br>
+ font-size: 12.5pt;<br>
+ }<br>
+ .fmw-item {<br>
+ padding: 2px 2px;<br>
+ font-family: $font-family-sans-serif;<br>
+ font-size: 11pt;<br>
+ }<br>
+}<br>
+<br>
+#gingerPowerMgmt {<br>
+ .header {<br>
+ padding-left: 0;<br>
+ }<br>
+ .pwr-item {<br>
+ width: 100%;<br>
+ margin-bottom: 10px;<br>
+ }<br>
+ .pwr-item-label {<br>
+ margin-left: 10px;<br>
+ padding: 2px 2px;<br>
+ vertical-align: top;<br>
+ font-family: $font-family-sans-serif;<br>
+ font-size: 11pt;<br>
+ }<br>
+ .actBtn {<br>
+ float: none;<br>
+ width: 22%;<br>
+ }<br>
+ .pwr-activated,<br>
+ .pwr-selected,<br>
+ .pwr-unselected {<br>
+ display: inline-block;<br>
+ font: normal normal normal 14px/1 FontAwesome;<br>
+ font-size: 22px;<br>
+ text-rendering: auto;<br>
+ -webkit-font-smoothing: antialiased;<br>
+ -moz-osx-font-smoothing: grayscale;<br>
+ }<br>
+ .pwr-activated:before {<br>
+ content: "\f00c";<br>
+ color: $fa-green;<br>
+ }<br>
+ .pwr-selected:before {<br>
+ content: "\f192";<br>
+ }<br>
+ .pwr-unselected:before {<br>
+ content: "\f10c";<br>
+ }<br>
+}<br>
+<br>
+#backup-ppc-content-area {<br>
+ .ul-body {<br>
+ width: 100%;<br>
+ margin-top: 10px;<br>
+ margin-left: 0;<br>
+ -webkit-padding-start: 0;<br>
+ list-style-type: none;<br>
+ }<br>
+ .column-file {<br>
+ width: 58.9790%;<br>
+ word-wrap: break-word;<br>
+ }<br>
+ .column-timestamp {<br>
+ width: 18.9608%;<br>
+ }<br>
+ .column-download {<br>
+ width: 11.0300%;<br>
+ }<br>
+ .column-delete {<br>
+ width: 11.0300%;<br>
+ }<br>
+ .fa-download,<br>
+ .fa-minus-circle {<br>
+ margin-right: 10px;<br>
+ }<br>
+ .backup-pcc-actions {<br>
+ margin-bottom: 20px;<br>
+ }<br>
+ .backup-pcc-button {<br>
+ height: 40px;<br>
+ }<br>
+}<br>
+<br>
+#backup-pcc-action-area {<br>
+ .fa {<br>
+ margin-left: 0;<br>
+ font-size: 20px;<br>
+ color: #fff;<br>
+ }<br>
+ .fa-minus-circle {<br>
+ margin-right: 0;<br>
+ }<br>
+ a {<br>
+ color: #fff;<br>
+ }<br>
+}<br>
+<br>
+#users-ppc-content-area {<br>
+ .column-username {<br>
+ width: 22.6666%;<br>
+ }<br>
+ .column-usergroup {<br>
+ width: 22.6666%;<br>
+ }<br>
+ .column-userprofile {<br>
+ width: 22.6666%;<br>
+ }<br>
+ .column-detach {<br>
+ width: 32%;<br>
+ }<br>
+ .fa-trash-o {<br>
+ float: right;<br>
+ }<br>
+ .fa-plus-circle {<br>
+ margin-left: 0;<br>
+ }<br>
+ .actBtn {<br>
+ float: none;<br>
+ margin-bottom: 10px;<br>
+ width: 10%;<br>
+ height: auto;<br>
+ }<br>
+}<br>
+<br>
+#network-ppc-content-area {<br>
+ .body {<br>
+ border-top: 0 none;<br>
+ }<br>
+ .column-name {<br>
+ width: 16%;<br>
+ }<br>
+ .column-ip-address {<br>
+ width: 30%;<br>
+ }<br>
+ .column-ip-mask {<br>
+ width: 30%;<br>
+ }<br>
+ .column-actions {<br>
+ width: 22%;<br>
+ }<br>
+ .network-item {<br>
+ padding: 2px 2px;<br>
+ font-family: $font-family-sans-serif;<br>
+ font-size: 11pt;<br>
+ }<br>
+ .form-control {<br>
+ padding: 6px 12px !important;<br>
+ width: 80%<br>
+ }<br>
+ .fa {<br>
+ margin-left: 0;<br>
+ }<br>
+ .column-dns-ip-address {<br>
+ width: 75%;<br>
+ }<br>
+ .addBtn {<br>
+ margin-bottom: 20px;<br>
+ width: 40%;<br>
+ }<br>
+ .btn-link {<br>
+ width: auto;<br>
+ padding: 3px 2px;<br>
+ }<br>
+}<br>
+<br>
+#sep-ppc-content-area {<br>
+ .column-username {<br>
+ width: 22.6666%;<br>
+ }<br>
+ .column-usergroup {<br>
+ width: 22.6666%;<br>
+ }<br>
+ .column-userprofile {<br>
+ width: 22.6666%;<br>
+ }<br>
+ .column-detach {<br>
+ width: 32%;<br>
+ }<br>
+ .fa-trash-o {<br>
+ float: right;<br>
+ }<br>
+}<br>
\ No newline at end of file<br>
</blockquote>
<br>
</div></div></blockquote></div><br></div>