Fix labels dropdown not scrollable after a while (#2727)

2 files changed, 16 insertions, 1 deletions

diff --git a/app/views/helpers/index/normal/entry_bottom.phtml b/app/views/helpers/index/normal/entry_bottom.phtml
index 6755e9b6b..fa2b8f036 100644
--- a/app/views/helpers/index/normal/entry_bottom.phtml
+++ b/app/views/helpers/index/normal/entry_bottom.phtml
@@ -46,6 +46,7 @@
 				<li class="dropdown-close"><a href="#close">❌</a></li>
 				<!-- Ajax -->
 			</ul>
+			<div class="dropdown-close"><a href="#close">❌</a></div>
 		</div>
 	</li><?php
 	}
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index ebceea526..cb468c845 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -321,10 +321,24 @@ a.btn {
 	position: fixed;
 	top: 0; bottom: 0;
 	left: 0; right: 0;
-	z-index: -10;
+	z-index: -11;
 	cursor: default;
 }
 
+.dropdown div.dropdown-close {
+	display: none;
+}
+
+.dropdown-target:target ~ div.dropdown-close {
+	display: block;
+	z-index: 999;
+	position: relative;
+}
+
+.dropdown-menu-scrollable .dropdown-close {
+	display: none;
+}
+
 .separator {
 	display: block;
 	height: 0;