Added help text for users

This commit is contained in:
utkarshcmu 2016-12-06 03:54:44 -08:00
parent 83afbd4262
commit 42de27a2cb
3 changed files with 12 additions and 0 deletions

View File

@ -14,6 +14,7 @@ function (angular, $, _, Tether) {
'<span class="panel-title drag-handle pointer">' + '<span class="panel-title drag-handle pointer">' +
'<span class="icon-gf panel-alert-icon"></span>' + '<span class="icon-gf panel-alert-icon"></span>' +
'<span class="panel-title-text drag-handle">{{ctrl.panel.title | interpolateTemplateVars:this}}</span>' + '<span class="panel-title-text drag-handle">{{ctrl.panel.title | interpolateTemplateVars:this}}</span>' +
'<span class="panel-help-text"><info-popover mode="bold">{{ctrl.panel.helpText}}</info-popover></span>' +
'<span class="panel-links-btn"><i class="fa fa-external-link"></i></span>' + '<span class="panel-links-btn"><i class="fa fa-external-link"></i></span>' +
'<span class="panel-time-info" ng-show="ctrl.timeInfo"><i class="fa fa-clock-o"></i> {{ctrl.timeInfo}}</span>' + '<span class="panel-time-info" ng-show="ctrl.timeInfo"><i class="fa fa-clock-o"></i> {{ctrl.timeInfo}}</span>' +
'</span>'; '</span>';

View File

@ -27,6 +27,13 @@
</select> </select>
</div> </div>
</div> </div>
<div class="gf-form-inline">
<div class="gf-form max-width-42">
<span class="gf-form-label width-8">Help Text</span>
<input type="text" class="input-xxlarge tight-form-input" ng-model='ctrl.panel.helpText'></input>
<input type="text" class="gf-form-input width-30" ng-model='ctrl.panel.helpText'></input>
</div>
</div>
</div> </div>
<panel-links-editor panel="ctrl.panel"></panel-links-editor> <panel-links-editor panel="ctrl.panel"></panel-links-editor>

View File

@ -244,6 +244,10 @@ $gf-form-margin: 0.25rem;
padding-left: $spacer; padding-left: $spacer;
color: $text-color-weak; color: $text-color-weak;
&--bold {
color: $text-color-emphasis;
}
&--right-absolute { &--right-absolute {
position: absolute; position: absolute;
right: $spacer; right: $spacer;