Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #3649 from influxdata/bugfix/date-picker-icons 

Fix Date Picker Icons
pull/3660/head
Alex Paxton 2018-06-13 09:58:04 -07:00 committed by GitHub
parent aec96e6aa5 6bbf7c7bfa
commit 6e231d5a0c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -15,6 +15,7 @@
1. [#3527](https://github.com/influxdata/chronograf/pull/3527): Ensure cell queries use constraints from TimeSelector
1. [#3573](https://github.com/influxdata/chronograf/pull/3573): Fix Gauge color selection bug
1. [#3649](https://github.com/influxdata/chronograf/pull/3649): Fix erroneous icons in Date Picker widget
## v1.5.0.0 [2018-05-15-RC]

14
ui/src/style/components/custom-time-range.scss
View File

@ -15,7 +15,7 @@
right: 0;
border-radius: $radius;
z-index: 1000;
box-shadow: 0 2px 5px 0.6px rgba(15, 14, 21, 0.2);
@extend %drop-shadow;
}
.custom-time--wrap,
.custom-time--moving-dates {
@ -129,6 +129,7 @@ $rd-cell-size: 30px;
font-size: 16px;
}
&:hover {
cursor: pointer;
background-color: $g6-smoke;
color: $g20-white;
}
@ -137,14 +138,14 @@ $rd-cell-size: 30px;
left: 0;
&:after {
left: calc(50% - 1px);
content: "\e90c";
content: "\e901";
}
}
.rd-next {
left: calc(100% - #{$custom-time-arrow});
&:after {
left: calc(50% + 1px);
content: "\e911";
content: "\e903";
}
}
.rd-month-label {
@ -156,6 +157,7 @@ $rd-cell-size: 30px;
width: calc(100% - #{($custom-time-arrow * 2)});
}
.rd-days {
font-size: 13px;
margin-top: ($custom-time-arrow + 8px);
background-color: transparent;
border-radius: $radius-small;
@ -177,7 +179,7 @@ $rd-cell-size: 30px;
max-width: $rd-cell-size !important;
vertical-align: middle;
text-align: center;
border: 2px solid $g5-pepper !important;
border: 0 !important;
}
thead.rd-days-head th.rd-day-head {
color: $g15-platinum !important;
@ -190,7 +192,7 @@ $rd-cell-size: 30px;
transition: background-color 0.25s ease, color 0.25s ease;
color: $g13-mist !important;
background-color: $g3-castle;
border-radius: 5px;
border-radius: $radius;
&:hover {
cursor: pointer;
@ -257,7 +259,7 @@ $rd-cell-size: 30px;
@include custom-scrollbar-round($c-pool, $c-laser);
@include gradient-h($c-ocean, $c-pool);
border-radius: $radius;
box-shadow: 0 2px 5px 0.6px rgba(15, 14, 21, 0.2);
@extend %drop-shadow;
}
.rd-time-option {