From d8e51095c901eac3ed735032cbaf2f4f6ebbb557 Mon Sep 17 00:00:00 2001
From: Joe <33972521+hnb-ku@users.noreply.github.com>
Date: Wed, 4 Jul 2018 19:23:09 +0800
Subject: [PATCH] FIX: mobile topic-timer adjustments
---
.../future-date-input-selector-header.hbs | 2 +-
.../base/edit-topic-status-update-modal.scss | 28 +++++++++++++++++++
2 files changed, 29 insertions(+), 1 deletion(-)
diff --git a/app/assets/javascripts/select-kit/templates/components/future-date-input-selector/future-date-input-selector-header.hbs b/app/assets/javascripts/select-kit/templates/components/future-date-input-selector/future-date-input-selector-header.hbs
index 5034fa77bb8..c566d3b1e5d 100644
--- a/app/assets/javascripts/select-kit/templates/components/future-date-input-selector/future-date-input-selector-header.hbs
+++ b/app/assets/javascripts/select-kit/templates/components/future-date-input-selector/future-date-input-selector-header.hbs
@@ -20,4 +20,4 @@
</button>
{{/if}}
-{{d-icon caretIcon class="caret-icon"}}
+{{d-icon caretIcon class="caret-icon fa-fw"}}
diff --git a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
index 5e026615719..66790b0e3a1 100644
--- a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
+++ b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
@@ -55,3 +55,31 @@
}
}
}
+
+// mobile styles
+.mobile-view .edit-topic-timer-modal {
+ .control-group {
+ display: flex;
+ align-items: center;
+
+ > .d-icon {
+ margin-right: 5px;
+ }
+ }
+
+ .select-kit.combo-box {
+ flex: 1;
+ }
+
+ .future-date-input-selector-header .btn-clear {
+ display: none;
+ }
+
+ .modal-body {
+ overflow: visible !important; /* inline styles from JS */
+ }
+
+ .pika-single {
+ position: absolute !important; /* inline styles from JS */
+ }
+}