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

size and location of the refresh btn changed, and added maximum and minimum width for the comment server

Browse source
This commit is contained in:
ByronEricPerez 2022-09-02 14:57:19 -03:00
parent 5baa12ec3d
commit b6e71a880e
2 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -379,8 +379,9 @@ const CommentActionButtons = (actionButtonsProps: ActionButtonsProps) => {
<SortButton {...sortButtonProps} label={__('New')} icon={ICONS.NEW} sortOption={SORT_BY.NEWEST} />
</span>
)}
<Button button="alt" icon={ICONS.REFRESH} title={__('Refresh')} onClick={() => setPage(0)} />
<div className="button_refresh">
<Button button="alt" icon={ICONS.REFRESH} title={__('Refresh')} onClick={() => setPage(0)} />
</div>
{allServers.length >= 2 && (
<div className="button_selectedServer">
<FormField

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

@ -333,6 +333,7 @@
align-self: flex-start;
.button--alt {
padding-top: 2px;
padding: 0 var(--spacing-s);
}
.comment__sort {
.button--alt {
@ -660,6 +661,14 @@
.button_selectedServer {
display: inline;
width: var(--floating-viewer-height);
float: right;
min-width: var(--side-nav-width--micro);
max-width: var(--side-nav-width);
margin-left: -10px;
}
.button_refresh {
display: inline;
float: right;
margin-left: var(--spacing-s);
}