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

Fix basic layout issues on small screens for app view

Browse Source
This commit is contained in:
Johannes Zellner
2019-09-30 15:18:44 +02:00
parent cc833f0b73
commit cfdb7b32fc
2 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/app.html
View File

@@ -269,10 +269,10 @@
<br/>
<div class="row">
<div class="col-md-2 text-center">
<div class="col-sm-2 text-center">
<img ng-src="{{ app.iconUrl || 'img/appicon_fallback.png' }}" fallback-icon="img/appicon_fallback.png" onerror="imageErrorHandler(this)" class="app-icon"/>
</div>
<div class="col-md-8">
<div class="col-sm-8">
<div class="app-header-container">
<h1>
<a ng-href="{{ app | applicationLink }}" target="_blank" ng-class="{ 'hand': (app | appIsInstalledAndHealthy) }" ng-click="(app | appIsInstalledAndHealthy) && app.pendingPostInstallConfirmation && postInstallMessage.show(true)">{{ app.label || app.fqdn }} <sup ng-show="app | appIsInstalledAndHealthy"><i class="fas fa-external-link-alt" style="font-size: 12px;"></i></sup></a>
@@ -298,7 +298,7 @@
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2" style="height: 10px;">
<div class="col-sm-8 col-sm-offset-2" style="height: 10px;">
<div class="progress progress-striped active animateMeOpacity" ng-show="app.taskId" style="height: 10px;" uib-tooltip="{{ app.taskProgressMessage }}">
<div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ app.taskProgress }}%"></div>
</div>
@@ -306,7 +306,7 @@
</div>
<div class="row" style="margin-top: 10px;">
<div class="col-md-2">
<div class="col-sm-2">
<div class="app-configure-links">
<div ng-click="setView('display')" ng-class="{ 'active': view === 'display', 'disabled': app.error }">Display</div>
<div ng-click="setView('location')" ng-class="{ 'active': view === 'location', 'disabled': app.error }">Location</div>
@@ -320,7 +320,7 @@
<div ng-click="setView('uninstall')" ng-class="{ 'active': view === 'uninstall' }">Uninstall</div>
</div>
</div>
<div class="col-md-8">
<div class="col-sm-8">
<div class="card" ng-show="view === 'display'">
<div class="row">
<div class="col-md-12">