Commit | Line | Data |
---|---|---|
5a961a44 | 1 | .inputAddon > .inputDatePicker { |
5a961a44 AE |
2 | cursor: pointer; |
3 | flex: 0 1 150px; | |
4 | min-width: 150px; | |
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 | ||
5a961a44 AE |
21 | &.datePickerTime > footer { |
22 | display: block; | |
81f55d8f AE |
23 | } |
24 | ||
5a961a44 AE |
25 | > header, |
26 | > footer { | |
6d8f7f47 | 27 | padding: 10px; |
5a961a44 AE |
28 | position: relative; |
29 | text-align: center; | |
30 | } | |
31 | ||
32 | > header > a { | |
33 | display: none; | |
34 | position: absolute; | |
35 | top: 50%; | |
36 | transform: translateY(-50%); | |
7b658f88 | 37 | |
5a961a44 AE |
38 | &.active { |
39 | display: block; | |
7b658f88 | 40 | } |
81f55d8f | 41 | |
5a961a44 | 42 | &.previous { |
6d8f7f47 | 43 | left: 10px; |
81f55d8f | 44 | } |
a2ae7499 | 45 | |
5a961a44 | 46 | &.next { |
6d8f7f47 | 47 | right: 10px; |
a2ae7499 MW |
48 | } |
49 | } | |
55b00c1c | 50 | |
6d8f7f47 AE |
51 | .selectDropdown + .selectDropdown { |
52 | margin-left: 5px; | |
53 | } | |
54 | ||
55 | > ul > li { | |
1fddbbab | 56 | border-top: 1px solid $wcfDropdownBorderInner; |
6d8f7f47 | 57 | display: flex; |
5a961a44 | 58 | |
1fddbbab AE |
59 | &.weekdays, |
60 | &.weekdays + li { | |
61 | border-top-color: $wcfDropdownBorder; | |
62 | } | |
63 | ||
6d8f7f47 AE |
64 | > a, |
65 | > span { | |
66 | display: block; | |
67 | flex: 1; | |
68 | padding: 5px 0; | |
69 | text-align: center; | |
70 | ||
71 | &:not(:last-child) { | |
1fddbbab | 72 | border-right: 1px solid $wcfDropdownBorderInner; |
6d8f7f47 AE |
73 | } |
74 | } | |
5a961a44 | 75 | |
6d8f7f47 AE |
76 | > a { |
77 | color: $wcfDropdownLink; | |
55b00c1c | 78 | |
6d8f7f47 AE |
79 | &:hover { |
80 | text-decoration: none; | |
55b00c1c MS |
81 | } |
82 | ||
6d8f7f47 AE |
83 | &.active, |
84 | &:not(.otherMonth):hover { | |
85 | background-color: $wcfDropdownBackgroundActive; | |
86 | color: $wcfDropdownLinkActive; | |
55b00c1c | 87 | } |
5a961a44 | 88 | |
6d8f7f47 AE |
89 | &.otherMonth { |
90 | color: $wcfContentDimmedText; | |
91 | cursor: default; | |
5a961a44 | 92 | } |
55b00c1c | 93 | } |
6d8f7f47 AE |
94 | |
95 | > span { | |
1fddbbab | 96 | color: $wcfContentDimmedText; |
6d8f7f47 | 97 | text-transform: uppercase; |
1fddbbab | 98 | |
5908f54f | 99 | @include wcfFontSmall; |
6d8f7f47 | 100 | } |
55b00c1c | 101 | } |
5a961a44 AE |
102 | |
103 | > footer { | |
03ce923e | 104 | border-top: 1px solid $wcfDropdownBorder; |
5a961a44 AE |
105 | display: none; |
106 | } | |
7b658f88 | 107 | } |