Fixing CSS issue

* A previous change erroneously removed a CSS rule which was used to offset the popup div in order to get the date-range directive working. * Restored this CSS rule, and added a new rule for date-range directive to fix the previous problem.
g00fy- · Nov 13, 2015 · 1dd04f4 · 1dd04f4
1 parent 10f3064
commit 1dd04f4
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 4 deletions.
diff --git a/app/scripts/dateRange.js b/app/scripts/dateRange.js
@@ -73,7 +73,7 @@ Module.directive('dateRange', ['$compile', 'datePickerUtils', 'dateTimeConfig',
 
       attrs.onSetDate = 'dateChange';
 
-      var template = '<div><table><tr><td valign="top">' +
+      var template = '<div><table class="date-range"><tr><td valign="top">' +
                     getTemplate(attrs, pickerIDs[0], 'start', false, scope.end) +
                     '</td><td valign="top">' +
                     getTemplate(attrs, pickerIDs[1], 'end', scope.start, false) +

diff --git a/app/styles/style.less b/app/styles/style.less
@@ -1,6 +1,14 @@
 @import "variables.less";
 @import "mixins.less";
 
+.date-picker-date-time {		
+  position: absolute;		
+}
+
+.date-range .date-picker-date-time {
+	position: inherit;
+}
+
 [date-picker-wrapper] {
   position: absolute;
   min-width: 220px;

diff --git a/dist/angular-datepicker.css b/dist/angular-datepicker.css
@@ -25,6 +25,12 @@
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
+.date-picker-date-time {
+  position: absolute;
+}
+.date-range .date-picker-date-time {
+  position: inherit;
+}
 [date-picker-wrapper] {
   position: absolute;
   min-width: 220px;

diff --git a/dist/angular-datepicker.js b/dist/angular-datepicker.js
@@ -645,7 +645,7 @@ Module.directive('dateRange', ['$compile', 'datePickerUtils', 'dateTimeConfig',
 
       attrs.onSetDate = 'dateChange';
 
-      var template = '<div><table><tr><td valign="top">' +
+      var template = '<div><table class="date-range"><tr><td valign="top">' +
                     getTemplate(attrs, pickerIDs[0], 'start', false, scope.end) +
                     '</td><td valign="top">' +
                     getTemplate(attrs, pickerIDs[1], 'end', scope.start, false) +

diff --git a/dist/angular-datepicker.min.css b/dist/angular-datepicker.min.css