mirror of
https://github.com/discourse/discourse.git
synced 2024-12-02 05:13:44 +08:00
fb36af7799
This commit moves the calendar date and time picker shown in the local dates modal into a core component that can be reused in other places. Also add system specs to make sure there isn't any breakages with this feature, and a section to the styleguide.
51 lines
893 B
SCSS
51 lines
893 B
SCSS
.calendar-date-time-input {
|
|
.fake-input {
|
|
display: none;
|
|
}
|
|
|
|
padding: 5px;
|
|
border: 1px solid var(--primary-low);
|
|
z-index: 1;
|
|
background: var(--secondary);
|
|
width: 200px;
|
|
box-sizing: border-box;
|
|
margin-left: 1em;
|
|
|
|
.date-picker {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: auto;
|
|
box-sizing: border-box;
|
|
|
|
.pika-single {
|
|
position: relative !important;
|
|
flex: 1;
|
|
display: flex;
|
|
border: 0;
|
|
}
|
|
}
|
|
|
|
.time-pickers {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex: 1;
|
|
margin-top: 1em;
|
|
align-items: center;
|
|
padding: 0.25em;
|
|
border-top: 1px solid var(--primary-low-mid);
|
|
box-sizing: border-box;
|
|
|
|
.d-icon {
|
|
color: var(--primary-medium);
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.time-picker {
|
|
box-shadow: none;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|