From 9ac3fc7e353f2cd7040b5055045e7ec7711d4d61 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Wed, 5 Dec 2018 01:23:25 +0100
Subject: [PATCH] frontend: make tags fit in screen with a scrollbar

---
 frontend/static/css/fic.css | 5 +++++
 frontend/static/index.html  | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/static/css/fic.css b/frontend/static/css/fic.css
index ca72c745..1c528392 100644
--- a/frontend/static/css/fic.css
+++ b/frontend/static/css/fic.css
@@ -235,3 +235,8 @@ ul.list-inline li:not(:last-child)::after {
 .breadcrumb-item + .breadcrumb-item::before {
     content: ">"
 }
+
+#tagsMenu + .dropdown-menu div {
+    overflow-y: auto;
+    max-height: calc(66vh - 100px);
+}
diff --git a/frontend/static/index.html b/frontend/static/index.html
index e216a5a5..64f634b0 100644
--- a/frontend/static/index.html
+++ b/frontend/static/index.html
@@ -92,7 +92,9 @@
 	    </a>
 	    <div class="dropdown-menu niceborder">
 	      <input type="search" class="dropdown-item" placeholder="Filtrer" id="filtertag" ng-model="filtertag">
-	      <a ng-repeat="tname in tagsl | filter: filtertag" ng-class="{active: tname == current_tag}" class="dropdown-item" ng-href="/tags/{{ tname }}">#{{ tname }} <span class="badge badge-light"><span ng-if="(my.team_id)">{{ tags[tname].solved }}/</span>{{ tags[tname].count }}</span></a>
+	      <div>
+		<a ng-repeat="tname in tagsl | filter: filtertag" ng-class="{active: tname == current_tag}" class="dropdown-item" ng-href="/tags/{{ tname }}">#{{ tname }} <span class="badge badge-light"><span ng-if="(my.team_id)">{{ tags[tname].solved }}/</span>{{ tags[tname].count }}</span></a>
+	      </div>
 	    </div>
 	  </li>
 	  <li class="nav-item">