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

52
dashboard/public/views/settings.html
View File

@@ -140,13 +140,9 @@
<div class="content">
<div class="text-left">
<h1>{{ 'settings.title' | tr }}</h1>
</div>
<h1 class="section-header">{{ 'settings.title' | tr }}</h1>
<div class="text-left" ng-show="user.isAtLeastOwner && !config.isDemo">
<h3>{{ 'settings.appstoreAccount.title' | tr }}</h3>
</div>
<h3 class="section-header" ng-show="user.isAtLeastOwner && !config.isDemo">{{ 'settings.appstoreAccount.title' | tr }}</h3>
<div class="card" style="margin-bottom: 15px;" ng-show="user.isAtLeastOwner && !config.isDemo">
<div ng-show="subscriptionBusy" style="height: 155px;">
@@ -204,9 +200,7 @@
</div>
</div>
<div class="text-left section-header">
<h3>{{ 'settings.timezone.title' | tr }}</h3>
</div>
<h3 class="section-header">{{ 'settings.timezone.title' | tr }}</h3>
<div class="card" style="margin-bottom: 15px;">
<div class="row">
@@ -228,9 +222,7 @@
</div>
</div>
<div class="text-left section-header">
<h3>{{ 'settings.language.title' | tr }}</h3>
</div>
<h3 class="section-header">{{ 'settings.language.title' | tr }}</h3>
<div class="card" style="margin-bottom: 15px;">
<div class="row">
@@ -251,23 +243,21 @@
</div>
</div>
<div class="text-left section-header">
<h3>
{{ 'settings.updates.title' | tr }}
<div class="btn-group btn-group-sm pull-right">
<button type="button" class="btn btn-small btn-default dropdown-toggle" ng-show="update.tasks.length" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" uib-tooltip="{{ 'settings.updates.showLogsAction' | tr }}">
<i class="fas fa-align-left"></i> <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li ng-repeat="task in update.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">
{{ 'settings.updates.title' | tr }}
<div class="btn-group btn-group-sm pull-right">
<button type="button" class="btn btn-small btn-default dropdown-toggle" ng-show="update.tasks.length" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" uib-tooltip="{{ 'settings.updates.showLogsAction' | tr }}">
<i class="fas fa-align-left"></i> <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li ng-repeat="task in update.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" style="margin-bottom: 15px;">
<div class="row">
@@ -322,9 +312,7 @@
</div>
</div>
<div class="text-left section-header">
<h3>{{ 'settings.privateDockerRegistry.title' | tr }}</h3>
</div>
<h3 class="section-header">{{ 'settings.privateDockerRegistry.title' | tr }}</h3>
<div class="card" style="margin-bottom: 15px;">
<div class="row">