Ensure datetimepicker is not behind submit button on mobile

Fixes #265
2021-08-27 20:57:27 -07:00 · 2021-08-27 20:57:27 -07:00 · 32a6ea1960
parent 1802733fd7
commit 32a6ea1960
6 changed files with 7 additions and 2 deletions
--- a/babybuddy/static_src/scss/forms.scss
+++ b/babybuddy/static_src/scss/forms.scss
@ -18,9 +18,12 @@
    pointer-events: none;
 }

-// Set default text color for datetime picker.
 .bootstrap-datetimepicker-widget {
+    // Set default text color for datetime picker.
    color: $gray-400;
+
+    // Ensure widget appears above other elements (e.g. .submit-primary).
+    z-index: 1050;
 }

 // Datetime picker input styles.
--- a/static/babybuddy/css/app.3cbfa9ca5192.css
+++ b/static/babybuddy/css/app.3cbfa9ca5192.css
@ -10496,6 +10496,7 @@ h3 {

 .bootstrap-datetimepicker-widget {
  color: #ced4da;
+  z-index: 1050;
 }

 .input-group.datetimepicker .input-group-text {
--- a/static/babybuddy/css/app.3cbfa9ca5192.css.gz
+++ b/static/babybuddy/css/app.3cbfa9ca5192.css.gz
--- a/static/babybuddy/css/app.css
+++ b/static/babybuddy/css/app.css
@ -10496,6 +10496,7 @@ h3 {

 .bootstrap-datetimepicker-widget {
  color: #ced4da;
+  z-index: 1050;
 }

 .input-group.datetimepicker .input-group-text {
--- a/static/babybuddy/css/app.css.gz
+++ b/static/babybuddy/css/app.css.gz
--- a/static/staticfiles.json
+++ b/static/staticfiles.json