github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(containers): fix layout in small screens (#4854)

pull/4794/head
Chaim Lev-Ari 2021-02-23 12:18:26 +02:00 committed by GitHub
parent 7846fdd801
commit 05ba00a8f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/docker/components/container-capabilities/containerCapabilities.html
View File

@ -3,17 +3,18 @@
Container capabilities Container capabilities
</div> </div>
<div class="form-group"> <div class="form-group">
<div ng-repeat="cap in $ctrl.capabilities"> <div ng-repeat="cap in $ctrl.capabilities" class="col-xs-12 col-sm-6 col-md-4">
<div class="col-xs-8 col-sm-3 col-md-2"> <div class="row">
<label for="capability" class="control-label text-left"> <div class="col-xs-8">
<label for="capability" class="control-label text-left" style="display: flex; padding: 0;">
{{ cap.capability }} {{ cap.capability }}
<portainer-tooltip position="bottom" message="{{ cap.description }}"></portainer-tooltip> <portainer-tooltip position="bottom" message="{{ cap.description }}"></portainer-tooltip>
</label> </label>
</div> </div>
<div class="col-xs-4 col-sm-2 col-md-1"> <div class="col-xs-4">
<label class="switch" style="margin-left: 20px;"> <input type="checkbox" name="capability" ng-model="cap.allowed" /><i></i> </label> <label class="switch"> <input type="checkbox" name="capability" ng-model="cap.allowed" /><i></i> </label>
</div>
</div> </div>
<div class="col-xs-0 col-sm-1 col-md-1"> </div>
</div> </div>
</div> </div>
</form> </form>