| /* Copyright (C) 2019 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. |
| */ |
| |
| body { |
| font-family: sans-serif; |
| } |
| |
| .time-picker { |
| background: #FFFFFF; |
| display: flex; |
| flex-direction: column; |
| height: 273px; |
| } |
| |
| .time-columns { |
| display: flex; |
| flex-direction: row; |
| height: 82%; |
| margin: 2px; |
| } |
| |
| .time-column { |
| display: flex; |
| flex-direction: column; |
| height: 100%; |
| list-style-type: none; |
| margin: 2px; |
| outline: none; |
| overflow: scroll; |
| padding: 0; |
| scroll-snap-type: y mandatory; |
| width: 52px; |
| } |
| |
| .time-column::-webkit-scrollbar { |
| display: none; |
| } |
| |
| .time-cell { |
| color: #101010; |
| font-size: 14px; |
| height: 32px; |
| line-height: 32px; |
| scroll-snap-align: start; |
| text-align: center; |
| width: 48px; |
| } |
| |
| .time-cell:hover { |
| background: #E5E5E5; |
| border-radius: 2px; |
| } |
| |
| .time-cell.selected { |
| background-color: #CECECE; |
| border-radius: 2px; |
| font-weight: bold; |
| } |
| |
| .time-column:focus .time-cell.selected { |
| outline: auto 1px -webkit-focus-ring-color; |
| } |
| |
| .submission-controls { |
| align-items: center; |
| border-top: 1px solid #CECECE; |
| bottom: 0px; |
| display: flex; |
| flex-direction: row; |
| height: 15%; |
| position: absolute; |
| width: 100%; |
| } |
| |
| #submission-controls-padding { |
| height: 100%; |
| width: 84%; |
| } |
| |
| .submission-button { |
| background-color: #FFFFFF; |
| border: 0; |
| height: 32px; |
| margin: 4px; |
| padding: 8px; |
| width: 32px; |
| } |
| |
| .submission-button:hover { |
| background-color: #E5E5E5; |
| border-radius: 2px; |
| } |