git.apps.os.sepia.ceph.com Git - ceph-ci.git/blob

   1 @if (!isDismissed) {
   2   <div class="inline-tip-container"
   3        [cdsStack]="'horizontal'"
   4        [gap]="4">
   5     <div class="close-btn-position">
   6       <cds-icon-button class="close-btn inline-tip-bg-color"
   7                        type="button"
   8                        kind="ghost"
   9                        size="sm"
  10                        description="Close"
  11                        i18n-description
  12                        (click)="close()">
  13         <svg [size]="icons.size16"
  14              [cdsIcon]="icons.destroy"></svg>
  15       </cds-icon-button>
  16     </div>
  17
  18     <div class="inline-tip-body"
  19          [cdsStack]="'horizontal'"
  20          [gap]="4">
  21       <svg [cdsIcon]="icons.idea"
  22            [size]="icons.size20"></svg>
  23
  24       <div [cdsStack]="'vertical'"
  25            [gap]="1"
  26            class="inline-tip-body-content">
  27       @if (title) {
  28         <h1 class="cds--type-heading-compact-01">{{ title }}</h1>
  29       }
  30
  31         <div class="cds--type-body-compact-01"
  32              [class.cds--text-truncate--end]="isTruncated">
  33           <ng-content></ng-content>
  34         </div>
  35         @if (collapsible) {
  36         <button class="inline-tip-bg-color btn-toggle"
  37                 cdsButton="ghost"
  38                 size="md"
  39                 (click)="toggleContent()">
  40           <span i18n>{{ isTruncated ? 'Read more' : 'Read less' }}</span>
  41         </button>
  42       }
  43       </div>
  44     </div>
  45   </div>
  46 }