{"id":26475,"date":"2022-12-14T19:11:19","date_gmt":"2022-12-14T18:11:19","guid":{"rendered":"https:\/\/ekiwi-blog.de\/?p=26475"},"modified":"2022-12-14T19:11:26","modified_gmt":"2022-12-14T18:11:26","slug":"firefox-increase-scrollbar-width","status":"publish","type":"post","link":"https:\/\/ekiwi-blog.de\/en\/26475\/firefox-increase-scrollbar-width\/","title":{"rendered":"Firefox: Increase scrollbar width"},"content":{"rendered":"<p>How can I adjust the size of the scrollbar in Firefox?<\/p>\n<p><!--more--><\/p>\n<p>The scrollbar in my Firefox is too small. While this is hardly noticeable with vertical scrollbars, as the scroll wheel usually does the work here, it turned out negatively with in phpMyAdmin. Here the query was quite wide and it was a lot of fiddling to drag the horizontal scrollbar to the right or left.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of content<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ekiwi-blog.de\/en\/26475\/firefox-increase-scrollbar-width\/#Solution\" >Solution<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ekiwi-blog.de\/en\/26475\/firefox-increase-scrollbar-width\/#Design_of_the_scrollbar\" >Design of the scrollbar<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Solution\"><\/span>Solution<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The solution can be found in the advanced settings of Firefox, which can be called up with &#8220;about:config&#8221; in the address bar. A warning follows, which we briefly confirm.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ekiwi-blog.de\/wp-content\/uploads\/2022\/12\/scrollbar_1.png\" alt=\"\" width=\"444\" height=\"134\" class=\"aligncenter size-full wp-image-26468\" srcset=\"https:\/\/ekiwi-blog.de\/wp-content\/uploads\/2022\/12\/scrollbar_1.png 444w, https:\/\/ekiwi-blog.de\/wp-content\/uploads\/2022\/12\/scrollbar_1-300x91.png 300w\" sizes=\"auto, (max-width: 444px) 100vw, 444px\" \/><\/p>\n<p>The width of the scroll bar can be changed via the following setting:<\/p>\n<pre>\r\nwidget.non-native-theme.scrollbar.size.override\r\n<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ekiwi-blog.de\/wp-content\/uploads\/2022\/12\/scrollbar_2.png\" alt=\"\" width=\"687\" height=\"157\" class=\"aligncenter size-full wp-image-26470\" srcset=\"https:\/\/ekiwi-blog.de\/wp-content\/uploads\/2022\/12\/scrollbar_2.png 687w, https:\/\/ekiwi-blog.de\/wp-content\/uploads\/2022\/12\/scrollbar_2-300x69.png 300w\" sizes=\"auto, (max-width: 687px) 100vw, 687px\" \/><\/p>\n<p>The specification is in pixels.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Design_of_the_scrollbar\"><\/span>Design of the scrollbar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In addition to the width, the design can also be changed. The width does not have an effect on all designs. In the case of the Windows 10 design, specifying the width had no effect on me.<\/p>\n<p>The following setting is for the design:<\/p>\n<pre>\r\nwidget.non-native-theme.scrollbar.style\r\n<\/pre>\n<p>Es gibt verschiedene Werte:<\/p>\n<pre>\r\n0: Vorgabe (wie Windows)\r\n1: MacOS\r\n2: GTK\r\n3: Android\r\n4: Windows 10\r\n5: Windows 11\r\n<\/pre>\n<p>If you expect a design firework, you will be disappointed. The scrollbars do indeed look different, but basically all the designs are quite similar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ekiwi-blog.de\/wp-content\/uploads\/2022\/12\/scrollbar_3.png\" alt=\"\" width=\"215\" height=\"220\" class=\"aligncenter size-full wp-image-26472\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>How can I adjust the size of the scrollbar in Firefox?<\/p>\n","protected":false},"author":1,"featured_media":18863,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1555],"tags":[],"class_list":["post-26475","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-en"],"_links":{"self":[{"href":"https:\/\/ekiwi-blog.de\/en\/wp-json\/wp\/v2\/posts\/26475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi-blog.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi-blog.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi-blog.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi-blog.de\/en\/wp-json\/wp\/v2\/comments?post=26475"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi-blog.de\/en\/wp-json\/wp\/v2\/posts\/26475\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi-blog.de\/en\/wp-json\/wp\/v2\/media\/18863"}],"wp:attachment":[{"href":"https:\/\/ekiwi-blog.de\/en\/wp-json\/wp\/v2\/media?parent=26475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi-blog.de\/en\/wp-json\/wp\/v2\/categories?post=26475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi-blog.de\/en\/wp-json\/wp\/v2\/tags?post=26475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}