|
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