change using overflow

lbryio · Oct 10, 2022 · 1038181 · 1038181
1 parent d2e147f
commit 1038181
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/ui/component/commentsList/view.jsx b/ui/component/commentsList/view.jsx
@@ -398,14 +398,9 @@ const CommentActionButtons = (actionButtonsProps: ActionButtonsProps) => {
  value={commentServer}
  >
  {allServers.map(function (server) {
- let name = server.name;
- if (name.length > 10) {
- name = name.substring(0, 10);
- name = name + '...';
- }
  return (
  <option key={server.url} value={server.url}>
- {name}
+ {server.name}
  </option>
  );
  })}

diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
@@ -662,8 +662,17 @@
 .button_selectedServer {
  display: inline;
  float: right;
- min-width: var(--input-select-server-min-width);
- max-width: var(--input-select-server-max-width);
+ select {
+ width: 12rem;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
+ @media (max-width: $breakpoint-small) {
+ select {
+ width: 8rem;
+ }
+ }
 }
 
 .button_refresh {