thingsboard/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.scss

/**
 * Copyright © 2016-2023 The Thingsboard Authors
 *
 * 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.
 */
:host::ng-deep {
  width: 100%;
  height: 100%;
  display: block;
  .tb-table-widget {
    .table-container {
      position: relative;
    }
    .mat-mdc-table {
      .mat-mdc-row {
        &.invisible {
          visibility: hidden;
        }
        .mat-cell {
          .assignee-cell {
            .assigned-container {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              .user-avatar {
                display: inline-flex;
                justify-content: center;
                align-items: center;
                margin-right: 8px;
                border-radius: 50%;
                width: 28px;
                height: 28px;
                min-width: 28px;
                min-height: 28px;
                color: white;
                font-size: 13px;
                font-weight: 700;
              }
            }
            .unassigned-container {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              .material-icons.unassigned-icon {
                width: 28px;
                height: 28px;
                font-size: 28px;
                margin-right: 8px;
                color: rgba(0, 0, 0, 0.38);
                overflow: visible;
              }
            }
          }
        }
      }
    }
    span.no-data-found {
      position: absolute;
      top: 60px;
      bottom: 0;
      left: 0;
      right: 0;
    }
  }
}