Fix date and time input styles

baoagency · Mar 17, 2024 · 98a6103 · 98a6103
1 parent af3375b
commit 98a6103
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/app/assets/stylesheets/polaris_v12_overrides/tabs.pcss b/app/assets/stylesheets/polaris_v12_overrides/tabs.pcss
@@ -1,3 +1,7 @@
 html[class~="Polaris-Summer-Editions-2023"] .Polaris-LegacyTabs__Wrapper {
   margin-bottom: var(--p-space-200);
+
+  &:has(+.Polaris-IndexTable) {
+    margin-bottom: 0 !important;
+  }
 }
diff --git a/app/assets/stylesheets/polaris_v12_overrides/text_fields.pcss b/app/assets/stylesheets/polaris_v12_overrides/text_fields.pcss
@@ -0,0 +1,5 @@
+html[class~="Polaris-Summer-Editions-2023"] .Polaris-TextField {
+  input[type="date"], input[type="time"] {
+    display: block;
+  }
+}
diff --git a/app/assets/stylesheets/polaris_view_components.css b/app/assets/stylesheets/polaris_view_components.css
diff --git a/app/assets/stylesheets/polaris_view_components.pcss b/app/assets/stylesheets/polaris_view_components.pcss
@@ -25,3 +25,4 @@
 @import "./polaris_v12_overrides/index_table.pcss";
 @import "./polaris_v12_overrides/footer_help.pcss";
 @import "./polaris_v12_overrides/list.pcss";
+@import "./polaris_v12_overrides/text_fields.pcss";