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

styles: reduce tags max width

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-05-27 14:12:12 -03:00
parent d255057cba
commit 48562e8b26
5 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -35,7 +35,7 @@ const NoteTags = observer(({ application, appState }: Props) => {
}} }}
> >
<Icon type="hashtag" className="sn-icon--small color-neutral mr-1" /> <Icon type="hashtag" className="sn-icon--small color-neutral mr-1" />
<span className="max-w-md whitespace-nowrap overflow-hidden overflow-ellipsis"> <span className="max-w-xs whitespace-nowrap overflow-hidden overflow-ellipsis">
{tag.title} {tag.title}
</span> </span>
</button> </button>

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

@@ -31,7 +31,7 @@ const NotesContextMenu = observer(({ appState }: Props) => {
return appState.notes.contextMenuOpen ? ( return appState.notes.contextMenuOpen ? (
<div <div
ref={contextMenuRef} ref={contextMenuRef}
className="sn-dropdown max-h-120 max-w-80 flex flex-col py-2 overflow-y-scroll fixed" className="sn-dropdown max-h-120 max-w-xs flex flex-col py-2 overflow-y-scroll fixed"
style={{ style={{
...appState.notes.contextMenuPosition, ...appState.notes.contextMenuPosition,
maxHeight: appState.notes.contextMenuMaxHeight, maxHeight: appState.notes.contextMenuMaxHeight,

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

@@ -160,7 +160,7 @@ export const NotesOptions = observer(
maxHeight: tagsMenuMaxHeight, maxHeight: tagsMenuMaxHeight,
position: 'fixed', position: 'fixed',
}} }}
className="sn-dropdown flex flex-col py-2 max-h-120 max-w-80 fixed overflow-y-scroll" className="sn-dropdown flex flex-col py-2 max-h-120 max-w-xs fixed overflow-y-scroll"
> >
{appState.tags.tags.map((tag) => ( {appState.tags.tags.map((tag) => (
<button <button

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

@@ -71,7 +71,7 @@ export const NotesOptionsPanel = observer(({ appState }: Props) => {
...position, ...position,
maxHeight maxHeight
}} }}
className="sn-dropdown sn-dropdown--animated max-h-120 max-w-80 flex flex-col py-2 overflow-y-scroll fixed" className="sn-dropdown sn-dropdown--animated max-h-120 max-w-xs flex flex-col py-2 overflow-y-scroll fixed"
> >
{open && ( {open && (
<NotesOptions <NotesOptions

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

@@ -156,7 +156,7 @@
max-width: 15rem; max-width: 15rem;
} }
.max-w-80 { .max-w-xs {
max-width: 20rem; max-width: 20rem;
} }