jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Rework all section headers to deal with mobile wrapping

Browse Source
This commit is contained in:
Johannes Zellner
2024-10-15 18:46:51 +02:00
parent 4685f42045
commit 8cf3e38b27
15 changed files with 253 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
dashboard/public/views/notifications.html
View File

@@ -1,15 +1,12 @@
<div class="content content-large">
<div class="text-left">
<h1>{{ 'notifications.title' | tr }}
<div class="title-toolbar">
<button class="btn btn-default" ng-click="showPrevPage()" ng-disabled="busy || currentPage <= 1"><i class="fa fa-angle-double-left"></i> {{ 'main.pagination.prev' | tr }}</button>
<button class="btn btn-default" ng-click="showNextPage()" ng-disabled="busy || perPage > notifications.length">{{ 'main.pagination.next' | tr }} <i class="fa fa-angle-double-right"></i></button>
<button class="btn btn-primary" ng-click="clearAll()" ng-disabled="!$parent.notificationCount || clearAllBusy"><i class="fa fa-circle-notch fa-spin" ng-show="clearAllBusy"></i><i class="fa fa-check" ng-hide="clearAllBusy"></i> {{ 'notifications.markAllAsRead' | tr }}</button>
</div>
</h1>
</div>
<h1 class="section-header">
{{ 'notifications.title' | tr }}
<div style="flex-grow: 1;"></div>
<button class="btn btn-default" ng-click="showPrevPage()" ng-disabled="busy || currentPage <= 1"><i class="fa fa-angle-double-left"></i> {{ 'main.pagination.prev' | tr }}</button>
<button class="btn btn-default" ng-click="showNextPage()" ng-disabled="busy || perPage > notifications.length">{{ 'main.pagination.next' | tr }} <i class="fa fa-angle-double-right"></i></button>
<button class="btn btn-primary" ng-click="clearAll()" ng-disabled="!$parent.notificationCount || clearAllBusy"><i class="fa fa-circle-notch fa-spin" ng-show="clearAllBusy"></i><i class="fa fa-check" ng-hide="clearAllBusy"></i> {{ 'notifications.markAllAsRead' | tr }}</button>
</h1>
<div class="col-lg-12 text-center" ng-show="busy">
<h2><i class="fa fa-circle-notch fa-spin"></i></h2>