Skip to content

Commit c00d7fc

Browse files
authored
What-If Tool: Fix error message overflow issue (#2462)
Long WIT error messages caused text overflow, hiding some controls.
1 parent f39e55b commit c00d7fc

File tree

1 file changed

+9
-3
lines changed

1 file changed

+9
-3
lines changed

tensorboard/plugins/interactive_inference/tf_interactive_inference_dashboard/tf-interactive-inference-dashboard.html

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -165,6 +165,10 @@
165165
margin-top: 4px;
166166
}
167167

168+
.datapoint-right-controls-holder .control {
169+
flex-shrink: 0;
170+
}
171+
168172
.button {
169173
font-size: 13px;
170174
margin: 10px 0 0 0;
@@ -404,6 +408,7 @@
404408
.datapoint-right-controls-holder {
405409
display: flex;
406410
flex-direction: row-reverse;
411+
overflow: hidden;
407412
}
408413

409414
.tf-category-pane {
@@ -740,7 +745,8 @@
740745
color: #5F6368;
741746
white-space: nowrap;
742747
overflow: hidden;
743-
padding-top: 16px;
748+
text-overflow: ellipsis;
749+
padding-top: 20px;
744750
}
745751

746752
.example-id-label {
@@ -1307,10 +1313,10 @@ <h2>Show similarity to selected datapoint</h2>
13071313
</paper-tabs>
13081314
</div>
13091315
<div class="datapoint-right-controls-holder">
1310-
<a target="_blank" href="https://github.com/tensorflow/tensorboard/tree/master/tensorboard/plugins/interactive_inference/README.md">
1316+
<a target="_blank" class="control" href="https://github.com/tensorflow/tensorboard/tree/master/tensorboard/plugins/interactive_inference/README.md">
13111317
<paper-icon-button icon="help-outline" class="settings-button" title="What-If Tool documentation"></paper-icon-button>
13121318
</a>
1313-
<paper-icon-button icon="settings" on-tap="settingsClicked_" class="settings-button" title="What-If Tool settings" disabled$="[[local]]"></paper-icon-button>
1319+
<paper-icon-button icon="settings" on-tap="settingsClicked_" class="settings-button control" title="What-If Tool settings" disabled$="[[local]]"></paper-icon-button>
13141320
<div class="example-status">[[exampleStatusStr]]</div>
13151321
</div>
13161322
</div>

0 commit comments

Comments
 (0)