diff options
Diffstat (limited to 'client/src/app/search/search-filters.component.scss')
-rw-r--r-- | client/src/app/search/search-filters.component.scss | 92 |
1 files changed, 91 insertions, 1 deletions
diff --git a/client/src/app/search/search-filters.component.scss b/client/src/app/search/search-filters.component.scss index cfc48fbef..99af2e4c5 100644 --- a/client/src/app/search/search-filters.component.scss +++ b/client/src/app/search/search-filters.component.scss | |||
@@ -19,6 +19,8 @@ form { | |||
19 | 19 | ||
20 | .peertube-select-container { | 20 | .peertube-select-container { |
21 | @include peertube-select-container(auto); | 21 | @include peertube-select-container(auto); |
22 | |||
23 | margin-bottom: 1rem; | ||
22 | } | 24 | } |
23 | 25 | ||
24 | .form-group { | 26 | .form-group { |
@@ -37,4 +39,92 @@ input[type=submit] { | |||
37 | 39 | ||
38 | .submit-button { | 40 | .submit-button { |
39 | text-align: right; | 41 | text-align: right; |
40 | } \ No newline at end of file | 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 | } | ||