vmario/docs
1
0
Fork 0
mirror of https://github.com/sismics/docs.git synced 2024-11-22 05:57:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs-web/src/main/webapp/src/app/docs/directive/AddSpaceBetween.js Normal file
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(' ');
}
}
});

1
docs-web/src/main/webapp/src/index.html
View File

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

2
docs-web/src/main/webapp/src/partial/docs/document.html
View File

@ -258,7 +258,7 @@
</div> </div>
<div class="tags small"> <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 }} {{ tag.name }}
</span> </span>
</div> </div>

4
docs-web/src/main/webapp/src/style/main.less
View File

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