diff options
| author |   ilanap <ilanap@amdocs.com> | 2017-10-16 09:54:57 +0300 |
|---|---|---|
| committer | ilanap <ilanap@amdocs.com> | 2017-10-16 09:54:57 +0300 |
| commit | 1e5bf7992a48468c8572ac4d45f42b994ecb7f4a (patch) | |
| tree | 1a1c45797bc5eb595b1abad5afd730956f63d3ea /openecomp-ui/resources/scss/onboarding.scss | |
| parent | eb5a085568495aa851078fa9b2db1c663ab0e060 (diff) | |
Display firefox month navigation icon
Issue-ID: SDC-459
Change-Id: Ia468781845dc1c1080d58d8ee33a833509a1b2c2
Signed-off-by: ilanap <ilanap@amdocs.com>
Diffstat (limited to 'openecomp-ui/resources/scss/onboarding.scss')
| -rw-r--r-- | openecomp-ui/resources/scss/onboarding.scss | 29 |
1 files changed, 18 insertions, 11 deletions
diff --git a/openecomp-ui/resources/scss/onboarding.scss b/openecomp-ui/resources/scss/onboarding.scss index 94dc223be3..fc05f7493e 100644 --- a/openecomp-ui/resources/scss/onboarding.scss +++ b/openecomp-ui/resources/scss/onboarding.scss @@ -18,20 +18,27 @@ div[data-reactroot].customized-date-picker-calendar { .react-datepicker__triangle { margin-top: 0px; } - .react-datepicker__navigation--previous { - border: none; - width: 12px; - height: 12px; - margin-top: 2px; - content: url(../../node_modules/sdc-ui/assets/icons/angleLeft.svg); + .react-datepicker__navigation--previous::before, .react-datepicker__navigation--next::before { + width: 8px; + height: 8px; + display: inline-block; + position: absolute; + top: -4px; + } + .react-datepicker__navigation--previous::before { + left: 0; + content: url(../../node_modules/sdc-ui/assets/icons/angleLeft.svg); + } + .react-datepicker__navigation--next::before { + right: 0; + content: url(../../node_modules/sdc-ui/assets/icons/angleRight.svg); } - .react-datepicker__navigation--next { + + .react-datepicker__navigation--previous, .react-datepicker__navigation--next { border: none; - width: 12px; - height: 12px; - margin-top: 2px; - content: url(../../node_modules/sdc-ui/assets/icons/angleRight.svg); } + + .react-datepicker__month-container { .react-datepicker__header { background-color: $background-gray; |