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;
|
||||
}
|
||||
|
||||
.host-list-clip {
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.host-name-label, .host-name-label:visited, .host-name-label:active {
|
||||
color: inherit;
|
||||
cursor: inherit;
|
||||
|
@ -90,7 +90,7 @@ remoting.HostTableEntry.prototype.getHTML_ = function() {
|
||||
'<span class="warning-overlay"></span>' +
|
||||
'<img src="icon_host.webp">' +
|
||||
'</div>' +
|
||||
'<div class="box-spacer">' +
|
||||
'<div class="box-spacer host-list-clip">' +
|
||||
'<a class="host-name-label" href="#""></a>' +
|
||||
'<input class="host-rename-input" type="text" hidden/>' +
|
||||
'</div>' +
|
||||
|
Reference in New Issue
Block a user