summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/onboarding.scss
diff options
context:
space:
mode:
authorilanap <ilanap@amdocs.com>2017-10-16 09:54:57 +0300
committerilanap <ilanap@amdocs.com>2017-10-16 09:54:57 +0300
commit1e5bf7992a48468c8572ac4d45f42b994ecb7f4a (patch)
tree1a1c45797bc5eb595b1abad5afd730956f63d3ea /openecomp-ui/resources/scss/onboarding.scss
parenteb5a085568495aa851078fa9b2db1c663ab0e060 (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.scss29
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;