frontend: make tags fit in screen with a scrollbar
This commit is contained in:
parent
7f2ae673d0
commit
9ac3fc7e35
2 changed files with 8 additions and 1 deletions
|
|
@ -235,3 +235,8 @@ ul.list-inline li:not(:last-child)::after {
|
||||||
.breadcrumb-item + .breadcrumb-item::before {
|
.breadcrumb-item + .breadcrumb-item::before {
|
||||||
content: ">"
|
content: ">"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#tagsMenu + .dropdown-menu div {
|
||||||
|
overflow-y: auto;
|
||||||
|
max-height: calc(66vh - 100px);
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -92,7 +92,9 @@
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu niceborder">
|
<div class="dropdown-menu niceborder">
|
||||||
<input type="search" class="dropdown-item" placeholder="Filtrer" id="filtertag" ng-model="filtertag">
|
<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>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
|
||||||
Reference in a new issue