|
9 | 9 | --header-text-align: left;
|
10 | 10 | --header-bg: #414141; }
|
11 | 11 |
|
12 |
| -.nj-picker .nj-ampm-container { |
13 |
| - padding: 0 0.5em 0.5em 0.5em; } |
14 |
| - .nj-picker .nj-ampm-container .nj-ampm-wrapper { |
15 |
| - display: grid; |
16 |
| - grid-template-columns: repeat(6, 1fr); |
17 |
| - grid-gap: 0.5em; } |
18 |
| - |
19 | 12 | .nj-overlay {
|
20 | 13 | position: fixed;
|
21 | 14 | width: 100%;
|
|
27 | 20 | background-color: rgba(0, 0, 0, 0.5);
|
28 | 21 | z-index: 2; }
|
29 | 22 |
|
| 23 | +.nj-picker .nj-ampm-container { |
| 24 | + padding: 0 0.5em 0.5em 0.5em; } |
| 25 | + .nj-picker .nj-ampm-container .nj-ampm-wrapper { |
| 26 | + display: grid; |
| 27 | + grid-template-columns: repeat(6, 1fr); |
| 28 | + grid-gap: 0.5em; } |
| 29 | + |
| 30 | +.nj-picker .nj-action-container { |
| 31 | + display: grid; |
| 32 | + grid-template-columns: repeat(3, 1fr); } |
| 33 | + .nj-picker .nj-action-container .nj-action-button { |
| 34 | + padding: 0.8em; |
| 35 | + text-align: center; |
| 36 | + color: #fff; |
| 37 | + cursor: pointer; } |
| 38 | + .nj-picker .nj-action-container .nj-action-save { |
| 39 | + background: var(--save-button-bg); |
| 40 | + color: var(--save-button-fc); } |
| 41 | + .nj-picker .nj-action-container .nj-action-clear { |
| 42 | + background: var(--clear-button-bg); |
| 43 | + color: var(--clear-button-fc); } |
| 44 | + .nj-picker .nj-action-container .nj-action-close { |
| 45 | + background: var(--close-button-bg); |
| 46 | + color: var(--close-button-fc); } |
| 47 | + |
30 | 48 | .nj-picker {
|
31 | 49 | height: 100%;
|
32 | 50 | width: 100%;
|
|
69 | 87 | .nj-picker-show {
|
70 | 88 | display: flex !important; }
|
71 | 89 |
|
72 |
| -.nj-picker .nj-action-container { |
73 |
| - display: grid; |
74 |
| - grid-template-columns: repeat(3, 1fr); } |
75 |
| - .nj-picker .nj-action-container .nj-action-button { |
76 |
| - padding: 0.8em; |
77 |
| - text-align: center; |
78 |
| - color: #fff; |
79 |
| - cursor: pointer; } |
80 |
| - .nj-picker .nj-action-container .nj-action-save { |
81 |
| - background: var(--save-button-bg); |
82 |
| - color: var(--save-button-fc); } |
83 |
| - .nj-picker .nj-action-container .nj-action-clear { |
84 |
| - background: var(--clear-button-bg); |
85 |
| - color: var(--clear-button-fc); } |
86 |
| - .nj-picker .nj-action-container .nj-action-close { |
87 |
| - background: var(--close-button-bg); |
88 |
| - color: var(--close-button-fc); } |
89 |
| - |
90 | 90 | .nj-picker .nj-header-container {
|
91 | 91 | padding: 0.8em;
|
92 | 92 | background: var(--header-bg);
|
|
0 commit comments