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(a)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(a)gmail.com wrote:
> From: Andre Teodoro <andreteodoro.work(a)gmail.com>
>
> Signed-off-by: Andre Teodoro <andreteodoro.work(a)gmail.com>
> Signed-off-by: samhenri <samuel.guimaraes(a)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
>