lfx-v2-ui/apps/lfx-pcc/src/app/app.component.scss at a3968a03e511061f50772966f6488b3a5e2ac99e · linuxfoundation/lfx-v2-ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
/* Copyright The Linux Foundation and each contributor to LFX. */
/* SPDX-License-Identifier: MIT */

::ng-deep {
  .p-card {
    .p-card-title {
      @apply font-display;
    }
  }

  .p-avatar {
    @apply flex;
  }

  .p-table {
    .p-datatable-tbody {
      tr {
        td {
          @apply text-sm;
        }
      }
    }
  }

  .p-tabs {
    .p-tablist-content {
      @apply px-3;
    }
  }

  .p-toggleswitch {
    @apply flex;

    .p-toggleswitch-handle {
      @apply rounded-full;
    }
  }

  .p-select-overlay,
  .p-multiselect-overlay {
    .p-select-list-container,
    .p-multiselect-list-container {
      .p-select-option,
      .p-multiselect-option {
        @apply text-sm;
      }
    }
  }

  .p-tooltip {
    .p-tooltip-text {
      @apply text-sm;
    }
  }

  .p-inplace-display {
    @apply w-full;

    &:hover {
      @apply bg-transparent;
    }
  }

  .p-textarea {
    field-sizing: content;
  }

  .pill {
    @apply inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-full transition-colors text-gray-600 border border-gray-200 hover:bg-gray-50;
  }

  .p-fileupload {
    .p-fileupload-header {
      @apply hidden;
    }

    .p-fileupload-content {
      .p-message-error {
        .p-message-text {
          @apply text-xs;
        }
      }
    }

    .p-fileupload-content {
      .p-fileupload-file-list {
        @apply hidden;
      }

      p-progressbar {
        @apply hidden;
      }
    }
  }

  .p-autocomplete-list-container {
    .p-autocomplete-list {
      .p-autocomplete-option {
        span {
          @apply text-ellipsis whitespace-nowrap overflow-hidden;
        }
      }
    }
  }

  .p-menu {
    .p-menu-item-link {
      .p-menu-item-icon {
        @apply w-5;
      }
    }
  }
}