LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Aligned input

Browse source
This commit is contained in:
ByronEricPerez 2022-08-29 16:17:14 -03:00
parent d724676daf
commit 5baa12ec3d
2 changed files with 32 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
ui/component/commentsList/view.jsx
View file

@ -382,30 +382,28 @@ const CommentActionButtons = (actionButtonsProps: ActionButtonsProps) => {
<Button button="alt" icon={ICONS.REFRESH} title={__('Refresh')} onClick={() => setPage(0)} />
{allServers.length >= 2 && (
<div className="button">
<div className="button__content">
<FormField
type="select-tiny"
onChange={function (x) {
const selectedServer = x.target.value;
setCommentServer(selectedServer);
if (selectedServer === defaultServer.url) {
Comments.setServerUrl(undefined);
} else {
Comments.setServerUrl(selectedServer);
}
}}
value={commentServer}
>
{allServers.map(function (server) {
return (
<option key={server.url} value={server.url}>
{server.name}
</option>
);
})}
</FormField>
</div>
<div className="button_selectedServer">
<FormField
type="select-tiny"
onChange={function (x) {
const selectedServer = x.target.value;
setCommentServer(selectedServer);
if (selectedServer === defaultServer.url) {
Comments.setServerUrl(undefined);
} else {
Comments.setServerUrl(selectedServer);
}
}}
value={commentServer}
>
{allServers.map(function (server) {
return (
<option key={server.url} value={server.url}>
{server.name}
</option>
);
})}
</FormField>
</div>
)}
</>

16
ui/scss/component/_card.scss
View file

@ -276,18 +276,16 @@
overflow: hidden;
.select--slim {
//margin-bottom: var(--spacing-xxs);
display: flex;
//justify-content: center;
margin: 0px 0px 10px 10px;
margin-left: var(--spacing-s);
margin-bottom: var(--spacing-s);
@media (min-width: $breakpoint-small) {
max-width: none;
select {
//max-height: 1.5rem !important;
//padding: 0 var(--spacing-xs);
//padding-right: var(--spacing-l);
padding: 0 var(--spacing-xs);
padding-right: var(--spacing-l);
}
}
}
@ -659,3 +657,9 @@
}
}
}
.button_selectedServer {
display: inline;
width: var(--floating-viewer-height);
float: right;
}