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)} /> <Button button="alt" icon={ICONS.REFRESH} title={__('Refresh')} onClick={() => setPage(0)} />
{allServers.length >= 2 && ( {allServers.length >= 2 && (
<div className="button"> <div className="button_selectedServer">
<div className="button__content"> <FormField
<FormField type="select-tiny"
type="select-tiny" onChange={function (x) {
onChange={function (x) { const selectedServer = x.target.value;
const selectedServer = x.target.value; setCommentServer(selectedServer);
setCommentServer(selectedServer); if (selectedServer === defaultServer.url) {
if (selectedServer === defaultServer.url) { Comments.setServerUrl(undefined);
Comments.setServerUrl(undefined); } else {
} else { Comments.setServerUrl(selectedServer);
Comments.setServerUrl(selectedServer); }
} }}
}} value={commentServer}
value={commentServer} >
> {allServers.map(function (server) {
{allServers.map(function (server) { return (
return ( <option key={server.url} value={server.url}>
<option key={server.url} value={server.url}> {server.name}
{server.name} </option>
</option> );
); })}
})} </FormField>
</FormField>
</div>
</div> </div>
)} )}
</> </>

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

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