aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorGravatar Justine Tunney <jart@google.com>2016-09-07 16:08:31 -0800
committerGravatar TensorFlower Gardener <gardener@tensorflow.org>2016-09-07 17:17:19 -0700
commit4b818f37d5dcf6ef8238bfd67ade8e3129ab3cf5 (patch)
tree7bca3b1ae172e8fff26b0e88468dbb517ea30ce8
parent9abc37359df75f8f45e4731a6317c677327c0c75 (diff)
Fix text overflow on card subtitles
Hover text has also been added so the full name can be viewed in the event that it overflows. Change: 132499070
-rw-r--r--tensorflow/tensorboard/components/tf-dashboard-common/tf-panes-helper.html8
1 files changed, 2 insertions, 6 deletions
diff --git a/tensorflow/tensorboard/components/tf-dashboard-common/tf-panes-helper.html b/tensorflow/tensorboard/components/tf-dashboard-common/tf-panes-helper.html
index 6c5d680f7b..7384375894 100644
--- a/tensorflow/tensorboard/components/tf-dashboard-common/tf-panes-helper.html
+++ b/tensorflow/tensorboard/components/tf-dashboard-common/tf-panes-helper.html
@@ -70,9 +70,9 @@ downloadLinkUrlFunction property to an appropriate value.
<template is="dom-repeat" items="[[_categoryCards(category, selectedRuns.*, run2tag.*)]]">
<div class="card">
<div class="card-title-container" style="border-color: [[_titleBorderColor(item.run)]]">
- <span class="card-title">[[item.tag]]</span>
+ <div class="card-title">[[item.tag]]</div>
<template is="dom-if" if="[[repeatForRuns]]">
- <span class="card-subtitle">[[item.run]]</span>
+ <div class="card-subtitle" title="[[item.run]]">[[item.run]]</div>
</template>
</div>
<div class="card-content">
@@ -132,10 +132,6 @@ downloadLinkUrlFunction property to an appropriate value.
overflow: hidden;
}
- .card-title {
- display: block;
- }
-
.card-subtitle {
font-size: 12px;
}