change using overflow
This commit is contained in:
parent
d2e147f911
commit
1038181386
2 changed files with 12 additions and 8 deletions
|
@ -398,14 +398,9 @@ const CommentActionButtons = (actionButtonsProps: ActionButtonsProps) => {
|
||||||
value={commentServer}
|
value={commentServer}
|
||||||
>
|
>
|
||||||
{allServers.map(function (server) {
|
{allServers.map(function (server) {
|
||||||
let name = server.name;
|
|
||||||
if (name.length > 10) {
|
|
||||||
name = name.substring(0, 10);
|
|
||||||
name = name + '...';
|
|
||||||
}
|
|
||||||
return (
|
return (
|
||||||
<option key={server.url} value={server.url}>
|
<option key={server.url} value={server.url}>
|
||||||
{name}
|
{server.name}
|
||||||
</option>
|
</option>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|
|
@ -662,8 +662,17 @@
|
||||||
.button_selectedServer {
|
.button_selectedServer {
|
||||||
display: inline;
|
display: inline;
|
||||||
float: right;
|
float: right;
|
||||||
min-width: var(--input-select-server-min-width);
|
select {
|
||||||
max-width: var(--input-select-server-max-width);
|
width: 12rem;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
@media (max-width: $breakpoint-small) {
|
||||||
|
select {
|
||||||
|
width: 8rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.button_refresh {
|
.button_refresh {
|
||||||
|
|
Loading…
Reference in a new issue