resources/scss/visualizations/_layout.scss

   1 /*
   2 * ============LICENSE_START=======================================================
   3 * SPARKY (AAI UI service)
   4 * ================================================================================
   5 * Copyright © 2017 AT&T Intellectual Property.
   6 * Copyright © 2017 Amdocs
   7 * All rights reserved.
   8 * ================================================================================
   9 * Licensed under the Apache License, Version 2.0 (the "License");
  10 * you may not use this file except in compliance with the License.
  11 * You may obtain a copy of the License at
  12 *
  13 *      http://www.apache.org/licenses/LICENSE-2.0
  14 *
  15 * Unless required by applicable law or agreed to in writing, software
  16 * distributed under the License is distributed on an "AS IS" BASIS,
  17 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18 * See the License for the specific language governing permissions and
  19 * limitations under the License.
  20 * ============LICENSE_END=========================================================
  21 *
  22 * ECOMP and OpenECOMP are trademarks
  23 * and service marks of AT&T Intellectual Property.
  24 */
  25
  26 #audit-visualizations {
  27   padding: 10px;
  28 }
  29
  30 #visualization-violation-severities {
  31   display: inline;
  32 }
  33
  34 #visualization-severity-minor {
  35   border: solid 2px $yellow;
  36   font-size: 14px;
  37   margin: 0px 10px;
  38   padding: 6px 10px 0px 10px;
  39 }
  40
  41 #visualization-severity-major {
  42   border: solid 2px $orange;
  43   font-size: 14px;
  44   margin: 0px 10px;
  45   padding: 6px 10px 0px 10px;
  46 }
  47
  48 #visualization-severity-critical {
  49   border: solid 2px $red;
  50   font-size: 14px;
  51   margin: 10px 14px;
  52   padding: 9px 10px 0px 10px;
  53 }
  54
  55 .visualization-title {
  56   text-align: center;
  57   margin-bottom: 15px;
  58 }
  59
  60 .visualization-chart-side-by-side {
  61   width: 50%;
  62   float: left;
  63 }
  64
  65 .visualization-side-by-side-70 {
  66   width: 70%;
  67   float: left;
  68 }
  69
  70 .visualization-side-by-side-30 {
  71   width: 30%;
  72   float: left;
  73 }
  74
  75 .rd3-barchart-xaxis text {
  76   transform: rotate(65deg) translateX(60px);
  77 }
  78
  79 .rd3-chart-title {
  80   text-align: center;
  81 }
  82
  83 .total-box-entity-count {
  84   font-weight: bold;
  85   font-size: $focus-font-1;
  86   margin: 0px;
  87   padding: 30px 0px 20px 0px;
  88   text-align: center;
  89   height: 300px;
  90   line-height: 150px;
  91 }