Responsive and dark mode fixes for apps filter bar

This commit is contained in:
Johannes Zellner
2022-08-15 20:06:57 +02:00
parent 929ba2069d
commit 4a2161d2b3
2 changed files with 18 additions and 3 deletions

View File

@@ -194,7 +194,7 @@
<div class="animateMeOpacity ng-hide" ng-show="installedApps.length > 0">
<h1 class="view-header">
{{ 'apps.title' | tr }}
<div class="pull-right">
<div class="view-header-search-bar">
<form class="form-inline">
<div class="input-group">
<input type="text" class="form-control" style="width: 300px" ng-show="installedApps.length > 8" placeholder="{{ 'apps.searchPlaceholder' | tr }}" id="appSearch" ng-model="appSearch"/>
@@ -212,7 +212,7 @@
</div>
</form>
</div>
<div ng-show="showFilter" class="filter-bar">
<div ng-show="showFilter" class="view-header-filter-bar">
<form class="form-inline">
<button class="btn btn-primary" ng-show="selectedTags.length || selectedState.state || !selectedGroup._unset || !selectedDomain._alldomains" ng-click="clearAllFilter()">{{ 'apps.filter.clearAll' | tr }</button>
<multiselect ng-model="selectedGroup" ng-show="user.isAtLeastAdmin && installedApps.length > 1 && groups.length > 1" ms-header="{{ selectedGroup.name }}" options="group.name for group in groups" data-multiple="false" filter-after-rows="5" scroll-after-rows="10"></multiselect>