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

fix: spacing between title and tags

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-06-03 15:35:59 -03:00
parent 4f729c7287
commit 524bcd09cb
4 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -77,7 +77,7 @@ export const AutocompleteTagInput = observer(({ appState }: Props) => {
return ( return (
<form <form
onSubmit={onFormSubmit} onSubmit={onFormSubmit}
className={`${tags.length > 0 ? 'mt-2' : ''}`} className={`${tags.length > 0 ? 'mt-2' : 'mt-1'}`}
> >
<Disclosure open={dropdownVisible} onChange={showDropdown}> <Disclosure open={dropdownVisible} onChange={showDropdown}>
<input <input

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

@@ -21,7 +21,7 @@ const NoteTagsContainer = observer(({ appState }: Props) => {
return ( return (
<div <div
className="bg-default flex flex-wrap pl-1 -ml-1 -ml-2" className="bg-default flex flex-wrap min-w-80 -mt-1 mr-2"
style={{ style={{
maxWidth: tagsContainerMaxWidth, maxWidth: tagsContainerMaxWidth,
}} }}

2
app/assets/javascripts/views/editor/editor-view.pug
View File

@@ -27,7 +27,7 @@
#editor-title-bar.section-title-bar.w-full( #editor-title-bar.section-title-bar.w-full(
ng-show='self.note && !self.note.errorDecrypting' ng-show='self.note && !self.note.errorDecrypting'
) )
div.flex.items-start.justify-between.h-8 div.flex.items-center.justify-between.h-8
div.flex-grow( div.flex-grow(
ng-class="{'locked' : self.noteLocked}" ng-class="{'locked' : self.noteLocked}"
) )

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

@@ -65,12 +65,8 @@
margin-right: 0.25rem; margin-right: 0.25rem;
} }
.-ml-1 { .-mt-1 {
margin-left: -0.25rem; margin-top: -0.25rem;
}
.-ml-2 {
margin-right: -0.5rem;
} }
.-mr-1 { .-mr-1 {
@@ -189,6 +185,7 @@
.max-w-290px { .max-w-290px {
max-width: 290px; max-width: 290px;
} }
.max-w-xs { .max-w-xs {
max-width: 20rem; max-width: 20rem;
} }