Merge pull request #2289 from marshmalien/fix/2277-wrap-preview-tags

Wrap job prompt preview tags
This commit is contained in:
Marliana Lara
2018-06-25 09:59:03 -04:00
committed by GitHub
2 changed files with 5 additions and 4 deletions

View File

@@ -128,6 +128,7 @@
} }
.Prompt-previewTagContainer { .Prompt-previewTagContainer {
display: flex; display: flex;
flex-flow: row wrap;
} }
.Prompt-previewRow--flex { .Prompt-previewRow--flex {
display: flex; display: flex;

View File

@@ -36,8 +36,8 @@
<span class="fa fa-caret-left" ng-show="!vm.showJobTags"></span> <span class="fa fa-caret-left" ng-show="!vm.showJobTags"></span>
</span> </span>
</div> </div>
<div ng-show="vm.showJobTags" style="display: flex"> <div ng-show="vm.showJobTags" class="Prompt-previewTagContainer">
<div class="Prompt-previewTagContainer u-wordwrap" ng-repeat="tag in promptData.prompts.tags.value"> <div class="u-wordwrap" ng-repeat="tag in promptData.prompts.tags.value">
<div class="LabelList-tag"> <div class="LabelList-tag">
<span>{{tag.name}}</span> <span>{{tag.name}}</span>
</div> </div>
@@ -52,8 +52,8 @@
<span class="fa fa-caret-left" ng-show="!vm.showSkipTags"></span> <span class="fa fa-caret-left" ng-show="!vm.showSkipTags"></span>
</span> </span>
</div> </div>
<div ng-show="vm.showSkipTags" style="display: flex"> <div ng-show="vm.showSkipTags" class="Prompt-previewTagContainer">
<div class="Prompt-previewTagContainer u-wordwrap" ng-repeat="tag in promptData.prompts.skipTags.value"> <div class="u-wordwrap" ng-repeat="tag in promptData.prompts.skipTags.value">
<div class="LabelList-tag"> <div class="LabelList-tag">
<span>{{tag.name}}</span> <span>{{tag.name}}</span>
</div> </div>