github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-05 03:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): tweak date input css

Browse Source
This commit is contained in:
Łukasz Mierzwa
2020-06-15 16:20:04 +01:00
committed by Łukasz Mierzwa
parent 8c0cc16915
commit 9267a2cd20
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/Components/SilenceModal/DateTimeSelect/index.js
View File

@@ -104,7 +104,7 @@ const TabContentEnd = ({ silenceFormStore }) => {
className="components-date-range"
month={silenceFormStore.data.endsAt.toDate()}
disabledDays={{
before: moment().second(0).add(1, "minutes").toDate(),
before: silenceFormStore.data.startsAt.second(0).toDate(),
}}
todayButton="Today"
onDayClick={(val) => {

17
ui/src/Styles/Components/DateTimeSelect.scss
View File

@@ -1,5 +1,6 @@
.components-date-range.DayPicker {
.DayPicker-wrapper {
.DayPicker-wrapper:focus,
.DayPicker-NavButton:focus {
outline: none;
}
@@ -13,9 +14,13 @@
}
.DayPicker-Day {
&:focus {
outline: none;
}
&:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):not(.DayPicker-Day--selected):hover {
background-color: $light;
border-radius: 50%;
border-radius: 0.5rem;
}
&.DayPicker-Day--today {
@@ -30,14 +35,14 @@
border-radius: 0;
&.DayPicker-Day--start {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
font-weight: 600;
}
&.DayPicker-Day--end {
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
font-weight: 600;
}