From 0c3f6c1728fdf853b0b99ac1727f92d4feb0a476 Mon Sep 17 00:00:00 2001
From: Claudio Rodriguez <cjrodr@yahoo.com>
Date: Thu, 28 Apr 2016 15:55:06 +0100
Subject: [PATCH] doc: make scrollbar wider in large screens

Adds media queries to doc css to make TOC and content scrollbars
wider in larger screens.

Fixes: https://github.com/nodejs/node/issues/6443
PR-URL: https://github.com/nodejs/node/pull/6445
---
 doc/api_assets/style.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
index b093b2c3fe11fd..519c7c864927c6 100644
--- a/doc/api_assets/style.css
+++ b/doc/api_assets/style.css
@@ -475,3 +475,15 @@ th > *:last-child, td > *:last-child {
     font-size: 3.5em;
   }
 }
+
+@media only screen and (min-width: 1280px) and (max-width: 2047px) {
+  ::-webkit-scrollbar {
+    width: 12px;
+  }
+}
+
+@media only screen and (min-width: 2048px) {
+  ::-webkit-scrollbar {
+    width: 0.5vw;
+  }
+}