[Summary view] [Print] [Text view]

   1  @import "../../tools/tools";
   2  
   3  // Search tools
   4  
   5  .js-stools-container-bar {
   6    padding: 10px 20px;
   7  
   8    .btn-toolbar {
   9      justify-content: flex-end;
  10  
  11      > * {
  12        margin: 4px 0;
  13        margin-inline-end: 8px;
  14      }
  15  
  16      .js-stools-btn-clear {
  17        background-color: $cyan;
  18        border: 0;
  19      }
  20    }
  21  
  22    .ordering-select {
  23      display: flex;
  24    }
  25  }
  26  
  27  .js-stools-container-filters {
  28    display: none;
  29    padding: 0 20px;
  30    margin-bottom: 20px;
  31  
  32    &-visible {
  33      display: grid;
  34      grid-gap: 8px;
  35      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  36      padding: 10px;
  37      background-color: $white;
  38    }
  39  
  40    > * {
  41      margin: 4px 0;
  42      margin-inline-end: 8px;
  43    }
  44  }
  45  
  46  .js-stools-field-list {
  47    + .js-stools-field-list {
  48      margin-inline-start: 8px;
  49    }
  50  }
  51  
  52  .js-stools-field-selector {
  53    .form-select {
  54      width: auto;
  55    }
  56  }