otf-frontend/client/src/app/layout/dashboard/dashboard.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 \r
  18 mat-card img{\r
  19     object-fit: cover; /*this makes de image in src fit to the size of specified below*/\r
  20     width: 100%; /* Here you can use wherever you want to specify the width and also the height of the <img>*/\r
  21     margin: 0;\r
  22 }\r
  23 \r
  24 .dropdown-toggle::after {\r
  25     display:none;\r
  26 }\r
  27 \r
  28 mat-card-content {\r
  29     padding: 0px !important;\r
  30     padding-top: 0px !important;\r
  31 }\r
  32 \r
  33 .mat-icon-button {\r
  34     height: 20px !important;\r
  35     padding: 0px !important;\r
  36 }\r
  37 \r
  38 .col-md-4, .col-md-5{\r
  39     padding: 0px;\r
  40     margin: 0px;\r
  41 }\r
  42 .col-md-3{\r
  43 \r
  44     padding:0px;\r
  45     margin: 0px;\r
  46 }\r
  47 \r
  48 //\r
  49 .shadow{\r
  50     -moz-box-shadow:    inset 0 0 0 4px #2b2b2b;\r
  51     -webkit-box-shadow: inset 0 0 0 4px #2b2b2b;\r
  52     box-shadow:         inset 0 0 0 4px #2b2b2b;\r
  53 }\r
  54 \r
  55 .COMPLETED-dash {\r
  56     background-color: #0d47a1;\r
  57     color: white;\r
  58 }\r
  59 \r
  60 .SUCCESS-dash {\r
  61     background-color: #199700;\r
  62     color: white;\r
  63 }\r
  64 \r
  65 .FAILURE-dash {\r
  66     background-color: #dd2c00 !important;\r
  67     color: white;\r
  68 }\r
  69 \r
  70 .STOPPED-dash {\r
  71     background-color: #ff9100;\r
  72     color: white;\r
  73 }\r
  74 \r
  75 .UNAUTHORIZED-dash {\r
  76     background-color: #000000;\r
  77     color: white;\r
  78 }\r
  79 \r
  80 .UNKNOWN-dash {\r
  81     background-color: White;\r
  82 }