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

styles: fix menu spacing and make tag list scrollable

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-05-05 14:42:33 -03:00
parent 514cc8c051
commit 323bc34ed6
3 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -36,14 +36,14 @@ export const NotesOptions = observer(
const iconClass = 'fill-current color-neutral mr-2';
const buttonClass =
'flex items-center border-0 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 px-3 py-1.5 ' +
'text-left';
return (
<>
<Switch
onBlur={closeOnBlur}
className="h-10"
className="px-3 py-1.5"
checked={locked}
onChange={() => {
appState.notes.setLockSelectedNotes(!locked);
@@ -56,7 +56,7 @@ export const NotesOptions = observer(
</Switch>
<Switch
onBlur={closeOnBlur}
className="h-10"
className="px-3 py-1.5"
checked={!hidePreviews}
onChange={() => {
appState.notes.setHideSelectedNotePreviews(!hidePreviews);
@@ -112,7 +112,7 @@ export const NotesOptions = observer(
style={{
...tagsMenuPosition,
}}
className="sn-dropdown sn-dropdown-anchor-right flex flex-col py-2 max-w-265px"
className="sn-dropdown sn-dropdown-anchor-right flex flex-col py-2 max-w-265px max-h-80 overflow-y-scroll"
>
{appState.tags.tags.map((tag) => (
<button