IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-12-01 04:59:15 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux(query_editors): handle text overflow in collapsed mode

Browse Source
This commit is contained in:
Torkel Ödegaard 2016-04-17 22:24:40 -04:00
parent 4c4835e869
commit 1069f485da
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/features/panel/partials/query_editor_row.html
View File

@ -10,7 +10,7 @@
</label>
</div>
<div class="gf-form-query-content" ng-if="ctrl.collapsed">
<div class="gf-form-query-content gf-form-query-content--collapsed" ng-if="ctrl.collapsed">
<div class="gf-form">
<label class="gf-form-label pointer gf-form-label--grow" ng-click="ctrl.toggleCollapse()">
{{ctrl.collapsedText}}

12
public/sass/components/_gf-form.scss
View File

@ -220,6 +220,18 @@ $gf-form-margin: 0.25rem;
.gf-form-query-content {
flex-grow: 1;
overflow: hidden;
&--collapsed {
overflow: hidden;
.gf-form-label {
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
}
}
}
.gf-form-help-icon {