minor fixes per snaps pr comments (#13721)

feature/default_network_editable
Hassan Malik 3 years ago committed by GitHub
parent 00b178e43f
commit 219f8e6299
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 8
      ui/pages/settings/flask/view-snap/index.scss
  2. 11
      ui/pages/settings/flask/view-snap/view-snap.js

@ -6,8 +6,6 @@
} }
&__subheader { &__subheader {
@include H4;
padding: 16px 4px; padding: 16px 4px;
border-bottom: 1px solid var(--alto); border-bottom: 1px solid var(--alto);
margin-right: 24px; margin-right: 24px;
@ -51,12 +49,18 @@
} }
&__toggle-container { &__toggle-container {
margin-left: auto;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
padding-left: 0; padding-left: 0;
display: inline-block; display: inline-block;
} }
} }
&__toggle-button {
margin-right: -12px;
}
&__content-container { &__content-container {
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
width: 100%; width: 100%;

@ -86,15 +86,12 @@ function ViewSnap() {
url={authorshipPillUrl} url={authorshipPillUrl}
/> />
</Box> </Box>
<Box <Box paddingLeft={4} className="view-snap__toggle-container">
paddingLeft={4}
className="snap-settings-card__toggle-container view-snap__toggle-container"
>
<Tooltip interactive position="bottom" html={t('snapsToggle')}> <Tooltip interactive position="bottom" html={t('snapsToggle')}>
<ToggleButton <ToggleButton
value={snap.enabled} value={snap.enabled}
onToggle={onToggle} onToggle={onToggle}
className="snap-settings-card__toggle-container__toggle-button" className="view-snap__toggle-button"
/> />
</Tooltip> </Tooltip>
</Box> </Box>
@ -155,8 +152,8 @@ function ViewSnap() {
css={{ css={{
maxWidth: '175px', maxWidth: '175px',
}} }}
onClick={async () => { onClick={() => {
await dispatch(removeSnap(snap)); dispatch(removeSnap(snap));
}} }}
> >
{t('removeSnap')} {t('removeSnap')}

Loading…
Cancel
Save