otf-frontend/client/src/app/layout/control-panel/control-panel.component.scss

   1 /*  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
   2 #                                                                              #\r
   3 #   Licensed under the Apache License, Version 2.0 (the "License");            #\r
   4 #   you may not use this file except in compliance with the License.           #\r
   5 #   You may obtain a copy of the License at                                    #\r
   6 #                                                                              #\r
   7 #       http://www.apache.org/licenses/LICENSE-2.0                             #\r
   8 #                                                                              #\r
   9 #   Unless required by applicable law or agreed to in writing, software        #\r
  10 #   distributed under the License is distributed on an "AS IS" BASIS,          #\r
  11 #   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
  12 #   See the License for the specific language governing permissions and        #\r
  13 #   limitations under the License.                                             #\r
  14 ##############################################################################*/\r
  15 \r
  16 \r
  17 .COMPLETED-dash {\r
  18     background-color: #0d47a1;\r
  19     color: white;\r
  20 }\r
  21 \r
  22 .SUCCESS-dash {\r
  23     background-color: #199700;\r
  24     color: white;\r
  25 }\r
  26 \r
  27 .FAILURE-dash {\r
  28     background-color: #dd2c00 !important;\r
  29     color: white;\r
  30 }\r
  31 \r
  32 .fast-spin {\r
  33   -webkit-animation: fa-spin 1s infinite linear;\r
  34   animation: fa-spin 1s infinite linear;\r
  35 }\r
  36 \r
  37 .STOPPED-dash {\r
  38     background-color: #ff9100;\r
  39     color: white;\r
  40 }\r
  41 \r
  42 .UNAUTHORIZED-dash {\r
  43     background-color: #000000;\r
  44     color: white;\r
  45 }\r
  46 \r
  47 .UNKNOWN-dash {\r
  48     background-color: White;\r
  49 }\r
  50 \r
  51 table {\r
  52     width: 100%;\r
  53     table-layout:fixed; \r
  54   }\r
  55   \r
  56   tr.example-detail-row {\r
  57     height: 0;\r
  58   }\r
  59   \r
  60   tr.example-element-row:not(.example-expanded-row):hover {\r
  61     background: #f5f5f5;\r
  62     cursor: pointer;\r
  63   }\r
  64   \r
  65   tr.example-element-row:not(.example-expanded-row):active {\r
  66     background: #efefef;\r
  67     cursor: pointer;\r
  68   }\r
  69   \r
  70   .example-element-row td {\r
  71     border-bottom-width: 0;\r
  72   }\r
  73   \r
  74   .example-element-detail {\r
  75     //overflow: hidden;\r
  76     //display: flex;\r
  77   }\r
  78   \r
  79   .example-element-diagram {\r
  80     min-width: 80px;\r
  81     border: 2px solid black;\r
  82     padding: 8px;\r
  83     font-weight: lighter;\r
  84     margin: 8px 0;\r
  85     height: 104px;\r
  86   }\r
  87   \r
  88   .example-element-symbol {\r
  89     font-weight: bold;\r
  90     font-size: 40px;\r
  91     line-height: normal;\r
  92   }\r
  93   \r
  94   .example-element-description {\r
  95     padding: 16px;\r
  96   }\r
  97   \r
  98   .example-element-description-attribution {\r
  99     opacity: 0.5;\r
 100   }\r
 101 \r
 102 \r
 103 .active-testHead {\r
 104   background-color: #f8f9fa;\r
 105 }\r
 106 \r
 107 .pull-tab {\r
 108   height: 0px;\r
 109   width: 0px;\r
 110   border-top: 20px solid #007bff;\r
 111   border-left: 20px solid transparent;\r
 112   border-right: 20px solid transparent;\r
 113   -webkit-transform: rotate(-45deg);\r
 114   position: absolute;\r
 115   bottom: 0px;\r
 116   right: -15px;\r
 117   pointer-events: none;\r
 118   z-index: 1;\r
 119   margin-bottom: -4px;\r
 120 }\r
 121 \r
 122 .arrow {\r
 123   border: solid black;\r
 124   border-width: 0 3px 3px 0;\r
 125   display: inline-block;\r
 126   padding: 3px;\r
 127   position: absolute;\r
 128   transform: rotate(45deg);\r
 129   -webkit-transform: rotate(45deg);\r
 130   right: -2px;\r
 131   bottom: 11px;\r
 132 }\r