From 9823b1199afd693c3877449f991661cd04777c45 Mon Sep 17 00:00:00 2001
From: abaevbog <bogdan@zotero.org>
Date: Fri, 2 Feb 2024 03:05:59 -0500
Subject: [PATCH] no extra arrows from scrollable components on win (#3634)

Somehow `scrollbar-width: thin` removes unnecessary arrows from
editable-text textarea and itemPane on windows

Addresses: #3633
---
 chrome/content/zotero-platform/win/overlay.css | 8 ++++++++
 scss/elements/_editableText.scss               | 2 ++
 2 files changed, 10 insertions(+)

diff --git a/chrome/content/zotero-platform/win/overlay.css b/chrome/content/zotero-platform/win/overlay.css
index 33b20dae1a..318b0876d6 100644
--- a/chrome/content/zotero-platform/win/overlay.css
+++ b/chrome/content/zotero-platform/win/overlay.css
@@ -36,6 +36,14 @@ tree {
 	padding-left: 5px;
 }
 
+/* 
+	Default scrollbar displays up/down arrows even 
+	when there is no overflow and the scrollbar is hidden
+*/
+.zotero-view-item {
+	scrollbar-width: thin;
+}
+
 .zotero-view-item > tabpanel > vbox {
 	padding-left: 5px;
 }
diff --git a/scss/elements/_editableText.scss b/scss/elements/_editableText.scss
index 781c207264..98758e16b4 100644
--- a/scss/elements/_editableText.scss
+++ b/scss/elements/_editableText.scss
@@ -64,6 +64,8 @@ editable-text {
 		overflow-wrap: anywhere;
 		white-space: pre-wrap;
 		max-height: calc(2ex * var(--max-visible-lines));
+		// Somehow this hides scroll arrows on windows when the content is short or empty
+		scrollbar-width: thin;
 	}
 	
 	.input {