change using overflow

This commit is contained in:
ByronEricPerez 2022-10-10 17:05:05 -03:00
parent d2e147f911
commit 1038181386
2 changed files with 12 additions and 8 deletions

View file

@ -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>
); );
})} })}

View file

@ -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 {