applications/drive/src/app/components/FolderTree/FolderTree.scss

   1 .folder-tree {
   2         @extend .border;
   3         @extend .overflow-auto;
   4
   5         border-radius: var(--border-radius-md);
   6         block-size: 28em;
   7
   8         &-table {
   9                 inline-size: auto;
  10                 min-inline-size: 100%;
  11                 max-inline-size: initial;
  12         }
  13
  14         &-list-item {
  15                 td {
  16                         padding-block: 0;
  17                 }
  18
  19                 &-expand {
  20                         padding: 0.85em;
  21
  22                         &-button {
  23                                 @extend .button;
  24                                 @extend .button-for-icon;
  25
  26                                 display: flex;
  27                                 padding: 0;
  28                         }
  29                 }
  30         }
  31
  32         &-list-item-indent {
  33                 padding: 0;
  34                 border: none;
  35                 margin: 0;
  36         }
  37
  38         &-list-item-name {
  39                 min-inline-size: 10em;
  40                 box-sizing: content-box;
  41         }
  42
  43         &-list-item-selected {
  44                 justify-content: center;
  45                 min-inline-size: 3em;
  46                 opacity: 1;
  47
  48                 &-hidden {
  49                         opacity: 0;
  50                 }
  51
  52                 &-check {
  53                         padding-block: 0.15em;
  54                         padding-inline: 0.15em 0;
  55                 }
  56         }
  57 }