| pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 1 | .time-slot { |
| Pranav Nachanekar | 10711dd | 2019-09-09 15:41:20 +0530 | [diff] [blame] | 2 | margin-bottom: 2em; |
| 3 | margin-left: 0.5em; |
| 4 | margin-right: 0.5em; |
| 5 | border-radius: 0.4em; |
| 6 | cursor: pointer; |
| pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 7 | border: 0.5px solid #cccccc; |
| Pranav Nachanekar | 10711dd | 2019-09-09 15:41:20 +0530 | [diff] [blame] | 8 | min-height: 75px; |
| 9 | padding: 0.5em 1em; |
| Pranav Nachanekar | 59c5435 | 2019-10-03 13:18:13 +0530 | [diff] [blame] | 10 | |
| 11 | } |
| 12 | |
| 13 | #timeslot-container{ |
| 14 | display: grid; |
| 15 | grid-template-columns: repeat(6, 1fr); |
| pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 16 | } |
| 17 | |
| 18 | .time-slot:hover { |
| 19 | background: #ddd; |
| 20 | } |
| 21 | |
| 22 | .time-slot.unavailable { |
| Pranav Nachanekar | 10711dd | 2019-09-09 15:41:20 +0530 | [diff] [blame] | 23 | background: #CBD5E0; |
| 24 | cursor: not-allowed; |
| 25 | color: #718096 |
| 26 | } |
| pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 27 | |
| Pranav Nachanekar | 10711dd | 2019-09-09 15:41:20 +0530 | [diff] [blame] | 28 | .time-slot.unavailable .text-muted { |
| 29 | color: #718096 |
| pranav nachnekar | 2791054 | 2019-09-03 12:04:52 +0530 | [diff] [blame] | 30 | } |
| 31 | |
| 32 | input[type="radio"] { |
| 33 | visibility: hidden; |
| 34 | display: none; |
| 35 | } |
| 36 | |
| 37 | .time-slot.selected { |
| 38 | color: white; |
| 39 | background: #5e64ff; |
| Pranav Nachanekar | 10711dd | 2019-09-09 15:41:20 +0530 | [diff] [blame] | 40 | } |
| 41 | |
| 42 | .time-slot.selected .text-muted { |
| 43 | color: #EDF2F7 !important; |
| 44 | } |