Commit | Line | Data |
---|---|---|
5a961a44 | 1 | .inputAddon > .inputDatePicker { |
5a961a44 | 2 | cursor: pointer; |
ae760cb5 AE |
3 | flex: 0 1 200px; |
4 | min-width: 200px; | |
5a961a44 AE |
5 | } |
6 | ||
7 | .datePicker { | |
8882fff9 | 8 | background-color: $wcfDropdownBackground; |
03ce923e AE |
9 | border-radius: 2px; |
10 | box-shadow: 0 2px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); | |
8882fff9 | 11 | color: $wcfDropdownText; |
03ce923e | 12 | display: none; |
5a961a44 | 13 | position: absolute; |
5a961a44 AE |
14 | width: 240px; |
15 | z-index: 450; | |
81f55d8f | 16 | |
5a961a44 | 17 | &.active { |
03ce923e | 18 | display: block; |
81f55d8f AE |
19 | } |
20 | ||
4937b4d4 AE |
21 | &.datePickerTime { |
22 | &.datePickerTimeOnly { | |
23 | > header, | |
24 | > ul { | |
25 | display: none; | |
26 | } | |
27 | ||
28 | > footer { | |
29 | border-top-width: 0; | |
30 | } | |
31 | } | |
32 | ||
33 | > footer { | |
34 | display: block; | |
35 | } | |
81f55d8f AE |
36 | } |
37 | ||
ae760cb5 AE |
38 | > header { |
39 | align-items: center; | |
40 | display: flex; | |
7b658f88 | 41 | |
ae760cb5 | 42 | > a { |
5a961a44 | 43 | display: block; |
ae760cb5 AE |
44 | flex: 0 0 auto; |
45 | padding: 10px; | |
46 | ||
47 | &:not(.active) { | |
48 | visibility: hidden; | |
49 | } | |
7b658f88 | 50 | } |
81f55d8f | 51 | |
ae760cb5 AE |
52 | > span { |
53 | display: block; | |
54 | flex: 1 1 auto; | |
55 | padding: 10px 0; | |
56 | text-align: center; | |
a2ae7499 MW |
57 | } |
58 | } | |
55b00c1c | 59 | |
67b82019 | 60 | select.year { |
6d8f7f47 AE |
61 | margin-left: 5px; |
62 | } | |
63 | ||
64 | > ul > li { | |
1fddbbab | 65 | border-top: 1px solid $wcfDropdownBorderInner; |
6d8f7f47 | 66 | display: flex; |
5a961a44 | 67 | |
1fddbbab AE |
68 | &.weekdays, |
69 | &.weekdays + li { | |
87dd1fd5 | 70 | border-top-color: $wcfDropdownBorderInner; |
1fddbbab AE |
71 | } |
72 | ||
6d8f7f47 AE |
73 | > a, |
74 | > span { | |
75 | display: block; | |
76 | flex: 1; | |
77 | padding: 5px 0; | |
78 | text-align: center; | |
79 | ||
80 | &:not(:last-child) { | |
1fddbbab | 81 | border-right: 1px solid $wcfDropdownBorderInner; |
6d8f7f47 AE |
82 | } |
83 | } | |
5a961a44 | 84 | |
6d8f7f47 AE |
85 | > a { |
86 | color: $wcfDropdownLink; | |
55b00c1c | 87 | |
6d8f7f47 AE |
88 | &:hover { |
89 | text-decoration: none; | |
55b00c1c MS |
90 | } |
91 | ||
6d8f7f47 AE |
92 | &.active, |
93 | &:not(.otherMonth):hover { | |
94 | background-color: $wcfDropdownBackgroundActive; | |
95 | color: $wcfDropdownLinkActive; | |
55b00c1c | 96 | } |
5a961a44 | 97 | |
6d8f7f47 AE |
98 | &.otherMonth { |
99 | color: $wcfContentDimmedText; | |
100 | cursor: default; | |
5a961a44 | 101 | } |
55b00c1c | 102 | } |
6d8f7f47 AE |
103 | |
104 | > span { | |
1fddbbab | 105 | color: $wcfContentDimmedText; |
6d8f7f47 | 106 | text-transform: uppercase; |
1fddbbab | 107 | |
5908f54f | 108 | @include wcfFontSmall; |
6d8f7f47 | 109 | } |
55b00c1c | 110 | } |
5a961a44 AE |
111 | |
112 | > footer { | |
87dd1fd5 | 113 | border-top: 1px solid $wcfDropdownBorderInner; |
5a961a44 | 114 | display: none; |
ae760cb5 AE |
115 | padding: 10px; |
116 | position: relative; | |
117 | text-align: center; | |
5a961a44 | 118 | } |
7b658f88 | 119 | } |