ZEPPELIN-612 cut too long value with ellipsis

* also add missing stylesheet rel to index.html
This commit is contained in:
Jungtaek Lim 2016-01-18 09:33:02 +09:00
parent aa61bb3566
commit 051c8c561d
3 changed files with 18 additions and 2 deletions

View file

@ -41,6 +41,11 @@
list-style-type: none;
}
.configuration table {
table-layout: fixed;
width: 100%;
}
.configuration table tr .configurationPropertyKey {
padding : 5px 5px 5px 5px;
}
@ -61,3 +66,9 @@
padding-top: 7px;
float: left;
}
.hiding_overflow {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

View file

@ -36,12 +36,16 @@ limitations under the License.
<thead>
<tr>
<th style="width:30%">name</th>
<th>value</th>
<th style="width:70%">value</th>
</tr>
</thead>
<tr ng-repeat="(key, value) in configurations" >
<td>{{key}}</td>
<td>{{value}}</td>
<td>
<div class="hiding_overflow">
{{value}}
</div>
</td>
</tr>
</table>
</div>

View file

@ -53,6 +53,7 @@ limitations under the License.
<link rel="stylesheet" href="app/notebook/notebook.css">
<link rel="stylesheet" href="app/notebook/paragraph/paragraph.css">
<link rel="stylesheet" href="app/interpreter/interpreter.css">
<link rel="stylesheet" href="app/configuration/configuration.css">
<link rel="stylesheet" href="fonts/font-awesome.min.css">
<link rel="stylesheet" href="fonts/simple-line-icons.css">
<link rel="stylesheet" href="fonts/custom-font.css">