client/src/app/search/search-filters.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 form {
   5   margin-top: 40px;
   6 }
   7
   8 .radio-label {
   9   font-size: 15px;
  10   font-weight: $font-bold;
  11 }
  12
  13 .peertube-radio-container {
  14   @include peertube-radio-container;
  15
  16   display: inline-block;
  17   margin-right: 30px;
  18 }
  19
  20 .peertube-select-container {
  21   @include peertube-select-container(auto);
  22
  23   margin-bottom: 1rem;
  24 }
  25
  26 .form-group {
  27   margin-bottom: 25px;
  28 }
  29
  30 input[type=text] {
  31   @include peertube-input-text(100%);
  32   display: block;
  33 }
  34
  35 input[type=submit] {
  36   @include peertube-button-link;
  37   @include orange-button;
  38 }
  39
  40 .submit-button {
  41   text-align: right;
  42 }
  43
  44 .reset-button {
  45   @include peertube-button;
  46
  47   font-weight: $font-semibold;
  48   display: inline-block;
  49   padding: 0 10px 0 10px;
  50   white-space: nowrap;
  51   background: transparent;
  52
  53   margin-right: 1rem;
  54 }
  55
  56 .reset-button-small {
  57   font-size: 80%;
  58   height: unset;
  59   line-height: unset;
  60   margin: unset;
  61   margin-bottom: 0.5rem;
  62 }
  63
  64 .label-container {
  65   display: flex;
  66   white-space: nowrap;
  67 }
  68
  69 ::ng-deep {
  70   .ng2-tag-input {
  71     border: none !important;
  72   }
  73
  74   .ng2-tags-container {
  75     display: flex;
  76     align-items: center;
  77     border: 1px solid #C6C6C6;
  78     border-radius: 3px;
  79     padding: 5px !important;
  80     height: max-content;
  81   }
  82
  83   tag-input-form {
  84     input {
  85       height: 30px !important;
  86       font-size: 12px !important;
  87
  88       background-color: var(--mainBackgroundColor) !important;
  89       color: var(--mainForegroundColor) !important;
  90     }
  91   }
  92
  93   tag {
  94     background-color: $grey-background-color !important;
  95     color: #000 !important;
  96     border-radius: 3px !important;
  97     font-size: 12px !important;
  98     height: 30px !important;
  99     line-height: 30px !important;
 100     margin: 0 5px 0 0 !important;
 101     cursor: default !important;
 102     padding: 0 8px 0 10px !important;
 103
 104     div {
 105       height: 100% !important;
 106     }
 107   }
 108
 109   delete-icon {
 110     cursor: pointer !important;
 111     height: auto !important;
 112     vertical-align: middle !important;
 113     padding-left: 6px !important;
 114
 115     svg {
 116       position: relative;
 117       top: -1px;
 118       height: auto !important;
 119       vertical-align: middle !important;
 120
 121       path  {
 122         fill: $grey-foreground-color !important;
 123       }
 124     }
 125
 126     &:hover {
 127       transform: none !important;
 128     }
 129   }
 130 }