Clip long host names.
Prevent long host names with no spaces from overflowing. Without this change, the edit and delete buttons are partially covered, making them hard to click. BUG=553656 Review URL: https://codereview.chromium.org/1499693003 Cr-Commit-Position: refs/heads/master@{#363559}
This commit is contained in:
remoting/webapp
@ -509,6 +509,11 @@ thead {
|
|||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.host-list-clip {
|
||||||
|
overflow-x: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
.host-name-label, .host-name-label:visited, .host-name-label:active {
|
.host-name-label, .host-name-label:visited, .host-name-label:active {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
cursor: inherit;
|
cursor: inherit;
|
||||||
|
@ -90,7 +90,7 @@ remoting.HostTableEntry.prototype.getHTML_ = function() {
|
|||||||
'<span class="warning-overlay"></span>' +
|
'<span class="warning-overlay"></span>' +
|
||||||
'<img src="icon_host.webp">' +
|
'<img src="icon_host.webp">' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div class="box-spacer">' +
|
'<div class="box-spacer host-list-clip">' +
|
||||||
'<a class="host-name-label" href="#""></a>' +
|
'<a class="host-name-label" href="#""></a>' +
|
||||||
'<input class="host-rename-input" type="text" hidden/>' +
|
'<input class="host-rename-input" type="text" hidden/>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
|
Reference in New Issue
Block a user