From ef8c7d78acfef554c8d482b78520cd0435280d78 Mon Sep 17 00:00:00 2001 From: Reid Barton Date: Thu, 17 Jan 2013 10:12:17 -0500 Subject: [PATCH] Keep the search box from overflowing in skinny windows A hack, but better than the status quo. (imported from commit 3a523904ffee7b2c64e5fc118eeb8e2f7575541c) --- zephyr/static/styles/zephyr.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/zephyr/static/styles/zephyr.css b/zephyr/static/styles/zephyr.css index b059774130..4112443102 100644 --- a/zephyr/static/styles/zephyr.css +++ b/zephyr/static/styles/zephyr.css @@ -459,6 +459,16 @@ input.recipient_box { #search_query { width: 95%; } +@media (max-width: 480px) { + /* This is a hack to keep the search box from overflowing outside the + message area -- really the formula should be something like + [message area width] - [search query horizontal overhead] + At narrow widths, the overhead is a larger % of the window width. + */ + #search_query { + width: 90%; + } +} .highlight { background-color: #FCEA81;