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

Minor design fixes in modals (#1711)

Browse source 
* Minor design fixes in modals

* Adjust button icon color
This commit is contained in:
Rave | 図書館猫 2022-06-20 13:51:57 +02:00 committed by GitHub
parent d40260374d
commit 20ff660cb2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/component/claimCollectionAdd/view.jsx
View file

@ -138,7 +138,7 @@ const ClaimCollectionAdd = (props: Props) => {
)}
</fieldset-section>
<div className="card__actions">
<Button button="secondary" label={__('Done')} disabled={addNewCollection} onClick={closeModal} />
<Button button="primary" label={__('Done')} disabled={addNewCollection} onClick={closeModal} />
</div>
</div>
}

1
ui/modal/modalSocialShare/view.jsx
View file

@ -17,6 +17,7 @@ class ModalSocialShare extends React.PureComponent<Props> {
return (
<Modal isOpen onAborted={closeModal} type="card">
<Card
className="card--share"
title={__('Share')}
actions={<SocialShare uri={uri} webShareable={webShareable} collectionId={collectionId} />}
/>

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

@ -77,6 +77,20 @@
font-weight: var(--font-weight-bold);
}
.card--share {
.form-field--copyable {
border: unset !important;
}
.button--secondary {
background-color: var(--color-primary) !important;
box-shadow: 0 0 0 2px transparent inset !important;
.icon {
stroke: var(--color-primary-contrast) !important;
}
}
}
.card--inline {
border-radius: var(--card-radius);
margin-bottom: var(--spacing-m);