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

60
dashboard/public/views/emails.html
View File

@@ -151,21 +151,17 @@
</div>
<div class="content">
<div class="text-left">
<h1>
{{ 'emails.title' | tr }}
<h1 class="section-header">
{{ 'emails.title' | tr }}
<div class="pull-right">
<a class="btn btn-default" ng-show="user.isAtLeastAdmin" href="#/emails-queue">{{ 'emails.action.queue' | tr }}</a>
<a class="btn btn-default" ng-show="user.isAtLeastAdmin" href="#/emails-eventlog">{{ 'eventlog.title' | tr }}</a>
</div>
</h1>
</div>
<div class="pull-right">
<a class="btn btn-default" ng-show="user.isAtLeastAdmin" href="#/emails-queue">{{ 'emails.action.queue' | tr }}</a>
<a class="btn btn-default" ng-show="user.isAtLeastAdmin" href="#/emails-eventlog">{{ 'eventlog.title' | tr }}</a>
</div>
</h1>
<!-- domain listing -->
<div class="text-left">
<h3>{{ 'emails.domains.title' | tr }}</h3>
</div>
<h3 class="section-header">{{ 'emails.domains.title' | tr }}</h3>
<div class="card" style="margin-bottom: 15px;">
<div class="row ng-hide" ng-hide="ready">
@@ -223,9 +219,7 @@
</div>
<!-- mailbox sharing -->
<div class="text-left section-header" ng-show="user.isAtLeastAdmin">
<h3>{{ 'emails.mailboxSharing.title' | tr }}</h3>
</div>
<h3 class="section-header" ng-show="user.isAtLeastAdmin">{{ 'emails.mailboxSharing.title' | tr }}</h3>
<div class="card" ng-show="user.isAtLeastAdmin" style="margin-bottom: 15px;">
<div class="row">
@@ -244,23 +238,21 @@
</div>
<!-- server location -->
<div class="text-left section-header" ng-show="user.isAtLeastAdmin">
<h3>
{{ 'emails.settings.location' | tr }}
<div class="btn-group btn-group-sm pull-right">
<button type="button" class="btn btn-small btn-default dropdown-toggle" ng-show="mailLocation.tasks.length" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" uib-tooltip="{{ 'main.action.showLogs' | tr }}">
<i class="fas fa-align-left"></i> <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li ng-repeat="task in mailLocation.tasks">
<a ng-href="/logs.html?taskId={{task.id}}" target="_blank" class="text-right">
{{ task.ts | prettyLongDate }} <i class="fa" style="margin-left: 20px" ng-class="{ 'status-active fa-check-circle': !task.active && task.success, 'fa-circle-notch fa-spin': task.active, 'status-error fa-times-circle': !task.active && !task.success }"></i>
</a>
</li>
</ul>
</div>
</h3>
</div>
<h3 class="section-header" ng-show="user.isAtLeastAdmin">
{{ 'emails.settings.location' | tr }}
<div class="btn-group btn-group-sm pull-right">
<button type="button" class="btn btn-small btn-default dropdown-toggle" ng-show="mailLocation.tasks.length" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" uib-tooltip="{{ 'main.action.showLogs' | tr }}">
<i class="fas fa-align-left"></i> <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li ng-repeat="task in mailLocation.tasks">
<a ng-href="/logs.html?taskId={{task.id}}" target="_blank" class="text-right">
{{ task.ts | prettyLongDate }} <i class="fa" style="margin-left: 20px" ng-class="{ 'status-active fa-check-circle': !task.active && task.success, 'fa-circle-notch fa-spin': task.active, 'status-error fa-times-circle': !task.active && !task.success }"></i>
</a>
</li>
</ul>
</div>
</h3>
<div class="card" ng-show="user.isAtLeastAdmin">
<div class="row">
@@ -312,9 +304,7 @@
</div>
<!-- settings -->
<div class="text-left section-header" ng-show="user.isAtLeastAdmin">
<h3>{{ 'emails.settings.title' | tr }}</h3>
</div>
<h3 class="section-header" ng-show="user.isAtLeastAdmin">{{ 'emails.settings.title' | tr }}</h3>
<div class="card" ng-show="user.isAtLeastAdmin" style="margin-bottom: 15px;">
<p ng-bind-html=" 'emails.settings.info' | tr "></p>