aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/search/search.component.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/search/search.component.scss')
-rw-r--r--client/src/app/search/search.component.scss46
1 files changed, 39 insertions, 7 deletions
diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss
index 06e3c9542..f70d4bf87 100644
--- a/client/src/app/search/search.component.scss
+++ b/client/src/app/search/search.component.scss
@@ -2,7 +2,7 @@
2@import '_mixins'; 2@import '_mixins';
3 3
4.no-result { 4.no-result {
5 height: 70vh; 5 height: 40vh;
6 display: flex; 6 display: flex;
7 align-items: center; 7 align-items: center;
8 justify-content: center; 8 justify-content: center;
@@ -11,17 +11,49 @@
11} 11}
12 12
13.search-result { 13.search-result {
14 margin-left: 40px; 14 margin: 40px;
15 margin-top: 40px;
16 15
17 .results-counter { 16 .results-header {
18 font-size: 15px; 17 font-size: 16px;
19 padding-bottom: 20px; 18 padding-bottom: 20px;
20 margin-bottom: 30px; 19 margin-bottom: 30px;
21 border-bottom: 1px solid #DADADA; 20 border-bottom: 1px solid #DADADA;
22 21
23 .search-value { 22 .first-line {
24 font-weight: $font-semibold; 23 display: flex;
24 flex-direction: row;
25
26 .results-counter {
27 flex-grow: 1;
28
29 .search-value {
30 font-weight: $font-semibold;
31 }
32 }
33
34 .results-filter-button {
35
36 .icon.icon-filter {
37 @include icon(20px);
38
39 position: relative;
40 top: -1px;
41 margin-right: 5px;
42 background-image: url('../../assets/images/search/filter.svg');
43 }
44 }
45 }
46
47 .results-filter {
48 // Animation when we show/hide the filters
49 transition: max-height 0.3s;
50 display: block !important;
51 overflow: hidden !important;
52 max-height: 0;
53
54 &.show {
55 max-height: 800px;
56 }
25 } 57 }
26 } 58 }
27 59