frontend: make tags fit in screen with a scrollbar

This commit is contained in:
nemunaire 2018-12-05 01:23:25 +01:00
commit 9ac3fc7e35
2 changed files with 8 additions and 1 deletions

View file

@ -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);
}

View file

@ -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">