source: phonelux-frontend/src/components/FiltersComponents/SpecificationsFilterComponent.css

Last change on this file was fd5b100, checked in by Marko <Marko@…>, 21 months ago

Edited filter components

  • Property mode set to 100644
File size: 1.6 KB
Line 
1.specifications-filter-header{
2 background-color: #B6E2C8;
3 border: 1px solid black;
4 width: fit-content;
5 border-radius: 20px;
6 padding: 5px;
7 margin-right: auto;
8 height: fit-content;
9 margin-top: 0px;
10 padding-top: 5px;
11 width: 50%;
12 text-align: center;
13 display: flex;
14 justify-content: center;
15 word-break:break-all;
16}
17
18.popover-specification-container{
19 overflow-y: scroll;
20 height: fit-content;
21 padding-bottom: 30px;
22 max-height: 400px;
23
24}
25
26.popover-specification-container-header{
27 /* color: #B6E2C8; */
28 margin: 30px;
29}
30
31.specifications-filter-header:hover{
32 cursor: pointer;
33 background-color: rgb(166, 201, 171);
34 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
35 transition: box-shadow 0.5s, background-color 0.5s ;
36}
37
38.specifications-filter-icon-header{
39 margin-top: -3px;
40}
41
42.specifications-filter-popover{
43 text-align: center;
44}
45
46
47.pick-specifications-header{
48 background-color: #B6E2C8;
49 border: 1px solid black;
50 width: fit-content;
51 border-radius: 20px;
52 padding: 5px;
53 margin-right: auto;
54 margin-left: 10px;
55 height: fit-content;
56 margin-top: 0px;
57 padding-top: 5px;
58 width: 50%;
59 text-align: center;
60 display: flex;
61 justify-content: center;
62 word-break:break-all;
63}
64
65.pick-specifications-header:hover{
66 cursor: pointer;
67 background-color: rgb(166, 201, 171);
68 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
69 transition: box-shadow 0.5s, background-color 0.5s ;
70}
71
72
73.specifications-filter-main{
74 width: 45%;
75}
Note: See TracBrowser for help on using the repository browser.