From 3711d1906425726f88b784ce467d713ecf745f6d Mon Sep 17 00:00:00 2001 From: "Race, Dale" Date: Wed, 11 Oct 2017 08:43:02 -0500 Subject: [PATCH 1/5] Add viewport meta tag --- dev-helpers/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/dev-helpers/index.html b/dev-helpers/index.html index 36c8cce9..59ed9497 100644 --- a/dev-helpers/index.html +++ b/dev-helpers/index.html @@ -3,6 +3,7 @@ + Swagger UI From 59188b1bfe69a144bad1399ae0bd49b2f64e604e Mon Sep 17 00:00:00 2001 From: "Race, Dale" Date: Wed, 11 Oct 2017 08:45:41 -0500 Subject: [PATCH 2/5] Remove min-width from search url input field --- src/style/_topbar.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/style/_topbar.scss b/src/style/_topbar.scss index 4bded694..c40af5bd 100644 --- a/src/style/_topbar.scss +++ b/src/style/_topbar.scss @@ -39,7 +39,6 @@ input[type=text] { width: 100%; - min-width: 350px; margin: 0; border: 2px solid #547f00; From 8acac155e1547261c7dfa1c9e36e01f759032e6c Mon Sep 17 00:00:00 2001 From: "Race, Dale" Date: Wed, 11 Oct 2017 08:46:19 -0500 Subject: [PATCH 3/5] Tweak padding values for topbar to fit mobile --- src/style/_topbar.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/style/_topbar.scss b/src/style/_topbar.scss index c40af5bd..653598b6 100644 --- a/src/style/_topbar.scss +++ b/src/style/_topbar.scss @@ -1,6 +1,6 @@ .topbar { - padding: 8px 30px; + padding: 8px 0; background-color: #89bf04; .topbar-wrapper @@ -83,7 +83,7 @@ font-size: 16px; font-weight: bold; - padding: 4px 40px; + padding: 4px 30px; border: none; border-radius: 0 4px 4px 0; From 499d61161a44939d8080930dd7f08fdf379f5faa Mon Sep 17 00:00:00 2001 From: "Race, Dale" Date: Wed, 11 Oct 2017 09:12:17 -0500 Subject: [PATCH 4/5] Decrease summary-path font size on mobile --- src/style/_layout.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/style/_layout.scss b/src/style/_layout.scss index 95584a7c..d9d73f84 100644 --- a/src/style/_layout.scss +++ b/src/style/_layout.scss @@ -250,6 +250,10 @@ .opblock-summary-path__deprecated { font-size: 16px; + @media (max-width: 768px) { + font-size: 12px; + } + display: flex; flex: 0 3 auto; From 4da430c08eb62d7b55bc6ac48847f6cb71d1423e Mon Sep 17 00:00:00 2001 From: "Race, Dale" Date: Wed, 11 Oct 2017 09:12:55 -0500 Subject: [PATCH 5/5] Lower select and input button width's on mobile --- src/style/_form.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/style/_form.scss b/src/style/_form.scss index e9d83c7c..961ec7d7 100644 --- a/src/style/_form.scss +++ b/src/style/_form.scss @@ -30,6 +30,10 @@ select .opblock-body select { min-width: 230px; + @media (max-width: 768px) + { + min-width: 180px; + } } label @@ -56,6 +60,10 @@ input[type=file] border: 1px solid #d9d9d9; border-radius: 4px; background: #fff; + @media (max-width: 768px) { + max-width: 175px; + } + &.invalid {