mod2/ui/src/app/microservices/microservices.component.css

   1 /*
   2  *  # ============LICENSE_START=======================================================
   3  *  # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved.
   4  *  # ================================================================================
   5  *  # Licensed under the Apache License, Version 2.0 (the "License");
   6  *  # you may not use this file except in compliance with the License.
   7  *  # You may obtain a copy of the License at
   8  *  #
   9  *  #      http://www.apache.org/licenses/LICENSE-2.0
  10  *  #
  11  *  # Unless required by applicable law or agreed to in writing, software
  12  *  # distributed under the License is distributed on an "AS IS" BASIS,
  13  *  # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  *  # See the License for the specific language governing permissions and
  15  *  # limitations under the License.
  16  *  # ============LICENSE_END=========================================================
  17  */
  18
  19 td{
  20     word-break:break-all
  21 }
  22
  23 textarea
  24 {
  25    font-size: 12px;
  26 }
  27
  28 .table_actions_button{
  29     background-color: transparent;
  30     border: none;
  31     width: 20px;
  32     height: 20px;
  33     vertical-align: middle;
  34 }
  35
  36 .row-expand-layout{
  37     display: grid;
  38     grid-template-columns: 30% 40% auto;
  39     grid-gap: 10px;
  40     grid-auto-rows: minmax(100px, auto);
  41 }
  42
  43 .row-expand-card{
  44     font-size: 12px;
  45     grid-row: 1;
  46     border-radius: 5px;
  47     border: 1px solid slategray;
  48     padding: 10px;
  49     /* This height prevents vertical scroll bar in Notes */
  50     height: 92px;
  51     overflow: hidden;
  52 }
  53
  54 label {
  55     cursor: pointer;
  56 }
  57
  58 .fa-refresh{
  59     cursor: pointer;
  60 }
  61
  62 .input{
  63     padding-top: 10px;
  64 }
  65
  66 .inputLabel {
  67     font-weight: 600;
  68     margin-left: 20px;
  69     width: 140px;
  70 }
  71
  72 .inputFieldSm {
  73     width: 200px;
  74     height: 35px;
  75     padding-left: 6px;
  76 }
  77 .inputFieldMed {
  78     width: 300px;
  79     height: 35px;
  80     padding-left: 6px;
  81 }
  82 .inputFieldLg {
  83     width: 400px;
  84     height: 35px;
  85     padding-left: 6px;
  86 }
  87
  88 .table_action_item{
  89     outline: none;
  90     font-size: 12px;
  91 }
  92
  93 ::ng-deep .mat-menu-content {
  94 padding-top: 0px !important;
  95 padding-bottom: 0px !important;
  96 }
  97 .mat-menu-item{
  98 line-height:30px;
  99 height:30px;
 100 }
 101
 102 .greenStatus{
 103     background-color: rgba(80, 233, 105, 0.87)
 104 }
 105
 106 .redStatus{
 107     background-color: rgba(255, 29, 29, 0.733)
 108 }
 109
 110 .blueStatus{
 111     background-color: rgba(0, 183, 255, 0.432)
 112 }
 113
 114 .greyStatus{
 115     background-color: rgba(150, 150, 150, 0.432)
 116 }
 117
 118 .ui-state-highlight {
 119     background-color: #878C94 !important;
 120     color: black !important;
 121 }