rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styles: adjust spacing

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-05-03 14:53:07 -03:00
parent 0330497d1d
commit c48cc9d7be
3 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/components/NotesContextMenu.tsx
View File

@@ -25,7 +25,7 @@ const NotesContextMenu = observer(({ appState }: Props) => {
return appState.notes.contextMenuOpen ? ( return appState.notes.contextMenuOpen ? (
<div <div
ref={contextMenuRef} ref={contextMenuRef}
className="sn-dropdown max-w-80 flex flex-col" className="sn-dropdown max-w-80 flex flex-col py-2"
style={{ position: 'absolute', ...appState.notes.contextMenuPosition }} style={{ position: 'absolute', ...appState.notes.contextMenuPosition }}
> >
<NotesOptions <NotesOptions

4
app/assets/javascripts/components/NotesOptions.tsx
View File

@@ -30,7 +30,7 @@ export const NotesOptions = observer(
const trashButtonRef = useRef<HTMLButtonElement>(); const trashButtonRef = useRef<HTMLButtonElement>();
const iconClass = 'fill-current color-neutral mr-2.5'; const iconClass = 'fill-current color-neutral mr-2';
const buttonClass = const buttonClass =
'flex items-center border-0 capitalize focus:inner-ring-info ' + 'flex items-center border-0 capitalize focus:inner-ring-info ' +
'cursor-pointer hover:bg-contrast color-text bg-transparent h-10 px-3 ' + 'cursor-pointer hover:bg-contrast color-text bg-transparent h-10 px-3 ' +
@@ -64,7 +64,7 @@ export const NotesOptions = observer(
Show Preview Show Preview
</span> </span>
</Switch> </Switch>
<div className="h-1px my-2.5 bg-secondary-contrast"></div> <div className="h-1px my-2 bg-secondary-contrast"></div>
<button <button
onBlur={closeOnBlur} onBlur={closeOnBlur}
className={buttonClass} className={buttonClass}

10
app/assets/stylesheets/_sn.scss
View File

@@ -36,13 +36,9 @@
display: grid; display: grid;
} }
.mr-2\.5 { .my-2 {
margin-right: 0.625rem; margin-top: 0.5rem;
} margin-bottom: 0.5rem;
.my-2\.5 {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
} }
.outline-none { .outline-none {