Closes #333: fix overflow in document table with a lot of tags

This commit is contained in:
bgamard 2020-02-15 15:44:32 +01:00
parent d2e2f089fb
commit 11ab07b238
4 changed files with 18 additions and 1 deletions

View File

@ -0,0 +1,12 @@
'use strict';
/**
* Add space between element directive.
*/
angular.module('docs').directive('addSpaceBetween', function () {
return function (scope, element) {
if(!scope.$last) {
element.after(' ');
}
}
});

View File

@ -106,6 +106,7 @@
<script src="app/docs/directive/Acl.js" type="text/javascript"></script>
<script src="app/docs/directive/AclEdit.js" type="text/javascript"></script>
<script src="app/docs/directive/Pell.js" type="text/javascript"></script>
<script src="app/docs/directive/AddSpaceBetween.js" type="text/javascript"></script>
<!-- endref -->
</head>
<body translate-cloak ng-cloak>

View File

@ -258,7 +258,7 @@
</div>
<div class="tags small">
<span class="label label-info" ng-repeat="tag in document.tags" ng-style="{ 'background': tag.color }">
<span class="label label-info" ng-repeat="tag in document.tags" ng-style="{ 'background': tag.color }" add-space-between>
{{ tag.name }}
</span>
</div>

View File

@ -120,6 +120,10 @@ ul.tag-tree {
cursor: pointer;
td {
.tags {
line-height: 190%;
}
.label {
margin-left: 5px;
}