aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-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;