_content/css: hide scroll bars under each line number on phone screens
jquery-linedtextarea sets the line numbers to be width 3%
because then it can set the main box to be 97%.
Ideally we'd do something like 3ex and 100% - 3ex
but I've failed to get that to work with the jquery we are using.
On very narrow screens like phones, 3% is too narrow for the
line numbers, and the browser shows a tiny little horizontal
scroll bar under each line number. Make those go away.
Fixes golang/go#49829.
Change-Id: Iccb51a885076d4cbdf91429485960f5ab7790f8b
Reviewed-on: https://go-review.googlesource.com/c/website/+/367976
Trust: Russ Cox <rsc@golang.org>
Run-TryBot: Russ Cox <rsc@golang.org>
TryBot-Result: Go Bot <gobot@golang.org>
Reviewed-by: Jamal Carvalho <jamal@golang.org>
diff --git a/_content/css/styles.css b/_content/css/styles.css
index c7063d1..b478ee5 100644
--- a/_content/css/styles.css
+++ b/_content/css/styles.css
@@ -3889,6 +3889,7 @@
.linedtextarea .lines div {
padding-right: 5px;
color: lightgray;
+ overflow: hidden;
}
.linedtextarea .lineerror {
color: black !important;