dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add multiline support on widget title tooltip

Browse Source
This commit is contained in:
pgrisu 2019-08-01 11:43:47 +02:00
parent 821f3eb23a
commit 4299869ae9
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/app/components/dashboard.tpl.html
View File

@ -48,8 +48,8 @@
<div class="tb-widget-title" layout="column" layout-align="center start" ng-show="vm.showWidgetTitlePanel(widget)">
<div ng-if="vm.hasWidgetTitleTemplate(widget)" ng-include="vm.widgetTitleTemplate(widget)"></div>
<span ng-show="vm.showWidgetTitle(widget)" ng-style="vm.widgetTitleStyle(widget)" class="md-subhead title">{{vm.widgetTitle(widget)}}
<md-tooltip ng-show="vm.widgetTitleTooltip(widget)" md-direction="{{vm.isWidgetExpanded ? 'bottom' : 'top'}}">
{{vm.widgetTitleTooltip(widget)}}
<md-tooltip class="tb-tooltip-multiline" ng-if="vm.widgetTitleTooltip(widget)" md-direction="{{vm.isWidgetExpanded ? 'bottom' : 'top'}}">
<span ng-bind-html="vm.widgetTitleTooltip(widget)"></span>
</md-tooltip>
</span>
<tb-timewindow aggregation="{{vm.hasAggregation(widget)}}" ng-if="vm.hasTimewindow(widget)" ng-model="widget.config.timewindow"></tb-timewindow>

9
ui/src/scss/main.scss
View File

@ -483,6 +483,15 @@ pre.tb-highlight {
@include line-clamp(2, 1.1);
}
.tb-tooltip-multiline {
max-width: 400px;
height: auto !important;
padding-top: 6px;
padding-bottom: 6px;
line-height: 1.5;
white-space: normal !important;
}
/***********************
* Flow
***********************/