From 352a3e065f7a7093184891c1d480b9487ada142c Mon Sep 17 00:00:00 2001 From: evazion Date: Tue, 2 May 2017 22:13:38 -0500 Subject: [PATCH 1/3] responsive layout: fix dropdown nav menu overlapping main content. The culprit is `float: right;` but none of this other stuff is needed. --- app/assets/stylesheets/common/responsive.scss | 8 -------- 1 file changed, 8 deletions(-) diff --git a/app/assets/stylesheets/common/responsive.scss b/app/assets/stylesheets/common/responsive.scss index 966582676..9bc2a15c1 100644 --- a/app/assets/stylesheets/common/responsive.scss +++ b/app/assets/stylesheets/common/responsive.scss @@ -129,14 +129,6 @@ } } - nav { - background: none; - float: right; - font-size: 1.125em; - width: 100%; - margin-bottom: 1em; - } - #nav { display: none; } From 85f6590b1a83651d7c98a1d9cf2c0278b3bea6cb Mon Sep 17 00:00:00 2001 From: evazion Date: Tue, 2 May 2017 22:27:01 -0500 Subject: [PATCH 2/3] responsive layout: fix sizes and styling. --- app/assets/stylesheets/common/responsive.scss | 14 +++++++++----- app/assets/stylesheets/common/simple_form.scss | 3 ++- 2 files changed, 11 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/common/responsive.scss b/app/assets/stylesheets/common/responsive.scss index 9bc2a15c1..b5def7123 100644 --- a/app/assets/stylesheets/common/responsive.scss +++ b/app/assets/stylesheets/common/responsive.scss @@ -44,15 +44,19 @@ } } + /* Make the quick search box in the navbar full width. */ + header#top menu form input { + width: auto; + } + h1 { display: none; } - input[type=text], input[type=submit] { - font-size: 18pt; - border-color: default; - border-style: solid; - border-width: .1rem; + form { + input[type=text], input[type=submit], select { + font-size: 1.5em; + } } div#page section#content { diff --git a/app/assets/stylesheets/common/simple_form.scss b/app/assets/stylesheets/common/simple_form.scss index 81b2616c4..0efa07c42 100644 --- a/app/assets/stylesheets/common/simple_form.scss +++ b/app/assets/stylesheets/common/simple_form.scss @@ -13,7 +13,7 @@ form.simple_form { margin-bottom: 1em; input[type=text], input[type=file], input[type=password], input[type=email] { - width: 20em; + max-width: 20em; } span.hint { @@ -61,6 +61,7 @@ form.inline-form { label, input { display: table-cell; padding-right: 1em; + white-space: nowrap; } } } From 002d54921e06106317a15ada12f41d37cf6f5693 Mon Sep 17 00:00:00 2001 From: evazion Date: Tue, 2 May 2017 22:28:22 -0500 Subject: [PATCH 3/3] =?UTF-8?q?responsive=20layout:=20fix=20"More=20=C2=BB?= =?UTF-8?q?"=20link=20from=20line-wrapping.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/views/layouts/_main_links.html.erb | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/views/layouts/_main_links.html.erb b/app/views/layouts/_main_links.html.erb index b5606d77d..ab80980e1 100644 --- a/app/views/layouts/_main_links.html.erb +++ b/app/views/layouts/_main_links.html.erb @@ -19,5 +19,5 @@ <% if CurrentUser.is_moderator? %> <%= nav_link_to("Dashboard", moderator_dashboard_path) %> <% end %> - <%= nav_link_to("More »".html_safe, site_map_path, :id => "site-map-link") %> + <%= nav_link_to("More »".html_safe, site_map_path, :id => "site-map-link") %>