thingsboard/ui-ngx/src/app/shared/components/help-popup.component.scss

/**
 * Copyright © 2016-2021 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.
 */
.tb-help-popup-button {
  position: relative;
}
.tb-help-popup-button-loading {
  background: #fff;
  border-radius: 50%;
  width: 32px !important;
  height: 32px !important;
  position: absolute;
  top: 0;
  left: 0;
  &.mat-progress-spinner {
    svg {
      top: 6px;
      left: 6px;
    }
  }
}

.tb-help-popup-span {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #2a7dec;
  font-weight: 500;
  &.active.ready {
    text-decoration: underline;
  }
  &:hover {
    &:not(.active) {
      text-decoration: underline;
    }
  }
  &:after {
    display: inline-block;
    font-family: "FontAwesome";
    content: '\f08e';
    padding-left: 5px;
    font-size: 14px;
    font-weight: 600;
  }
  .mat-progress-bar {
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
  }
}