[Kimchi-devel] [PATCH 3/3] [new-ui] Adding new-ui to Administration tab
Samuel Guimarães
sguimaraes943 at gmail.com
Thu Nov 26 11:17:29 UTC 2015
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.
Samuel
2015-11-25 21:51 GMT-02:00 Aline Manera <alinefm at linux.vnet.ibm.com>:
>
> Should I apply this patch on Kimchi repository?
>
> As it is specific for Administration tab I am wondering if it should be
> applied on ginger repository.
>
>
> On 25/11/2015 19:26, sguimaraes943 at gmail.com wrote:
>
>> 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
>>
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20151126/66558ba6/attachment.html>
More information about the Kimchi-devel
mailing list