<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&#39;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">&lt;<a href="mailto:alinefm@linux.vnet.ibm.com" target="_blank">alinefm@linux.vnet.ibm.com</a>&gt;</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 &lt;<a href="mailto:andreteodoro.work@gmail.com" target="_blank">andreteodoro.work@gmail.com</a>&gt;<br>
<br>
Signed-off-by: Andre Teodoro &lt;<a href="mailto:andreteodoro.work@gmail.com" target="_blank">andreteodoro.work@gmail.com</a>&gt;<br>
Signed-off-by: samhenri &lt;<a href="mailto:samuel.guimaraes@eldorado.org.br" target="_blank">samuel.guimaraes@eldorado.org.br</a>&gt;<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 &quot;License&quot;);<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 &quot;AS IS&quot; 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 &gt; a &gt; 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 &gt; a &gt; span.accordion-text {<br>
+        margin-left: 20px;<br>
+    }<br>
+    h3 &gt; a[aria-expanded=&quot;true&quot;] &gt; span.accordion-icon:before {<br>
+        content: &quot;\f01b&quot;;<br>
+    }<br>
+    h3 &gt; a[aria-expanded=&quot;false&quot;] &gt; span.accordion-icon:before {<br>
+        content: &quot;\f01a&quot;;<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>
+        &gt; 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>
+        &gt; 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 &gt; 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: &quot;\f00c&quot;;<br>
+        color: $fa-green;<br>
+    }<br>
+    .pwr-selected:before {<br>
+        content: &quot;\f192&quot;;<br>
+    }<br>
+    .pwr-unselected:before {<br>
+        content: &quot;\f10c&quot;;<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>