From d975d759d2032614a6954136538da8de6460ec33 Mon Sep 17 00:00:00 2001
From: Alexander Lesnenko <alxnddr@users.noreply.github.com>
Date: Tue, 31 May 2022 22:30:34 +0400
Subject: [PATCH] fix dashboard parameters tablet layout (#23043)
---
.../parameters/components/ParameterWidget.css | 25 ++++++++++---------
1 file changed, 13 insertions(+), 12 deletions(-)
diff --git a/frontend/src/metabase/parameters/components/ParameterWidget.css b/frontend/src/metabase/parameters/components/ParameterWidget.css
index ab3d1c3749e..cac6fc88ffa 100644
--- a/frontend/src/metabase/parameters/components/ParameterWidget.css
+++ b/frontend/src/metabase/parameters/components/ParameterWidget.css
@@ -7,13 +7,6 @@
width: 100%;
}
-@media screen and (--breakpoint-min-sm) {
- :local(.container) {
- margin-right: 0.85em;
- width: auto;
- }
-}
-
:local(.container) legend {
text-transform: none;
position: relative;
@@ -70,8 +63,7 @@
}
:local(.parameter.noPopover) input {
- /* NOTE: Fixed with to circumvent issues with flexbox with container having a min-width */
- width: 115px;
+ width: 100%;
font-size: 1em;
font-weight: 600;
border: none;
@@ -111,9 +103,6 @@
color: var(--color-text-white);
}
-:local(.input) {
-}
-
:local(.nameInput:focus),
:local(.input:focus) {
outline: none;
@@ -156,3 +145,15 @@
position: absolute;
top: -6px;
}
+
+@media screen and (min-width: 440px) {
+ :local(.container) {
+ margin-right: 0.85em;
+ width: auto;
+ }
+
+ :local(.parameter.noPopover) input {
+ /* NOTE: Fixed with to circumvent issues with flexbox with container having a min-width */
+ width: 115px;
+ }
+}
--
GitLab