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

feat: updated "note editing disabled" design (#1033)

Browse Source
This commit is contained in:
Aman Harwara
2022-05-19 17:49:13 +05:30
committed by GitHub
parent 9524a83ec3
commit cb6a81afd6
3 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/javascripts/Components/NoteView/NoteView.tsx
View File

@@ -919,7 +919,7 @@ export class NoteView extends PureComponent<Props, State> {
<div className="sn-component">
{this.state.noteLocked && (
<div
className="sk-app-bar no-edges"
className="flex items-center px-3.5 py-2 bg-warning cursor-pointer"
onMouseLeave={() => {
this.setState({
lockText: 'Note Editing Disabled',
@@ -932,16 +932,14 @@ export class NoteView extends PureComponent<Props, State> {
showLockedIcon: false,
})
}}
onClick={() => this.appState.notes.setLockSelectedNotes(!this.state.noteLocked)}
>
<div
onClick={() => this.appState.notes.setLockSelectedNotes(!this.state.noteLocked)}
className="sk-app-bar-item"
>
<div className="sk-label warning flex items-center">
{this.state.showLockedIcon && <Icon type="pencil-off" className="flex fill-current mr-2" />}
{this.state.lockText}
</div>
</div>
{this.state.showLockedIcon ? (
<Icon type="pencil-off" className="color-accessory-tint-3 flex fill-current mr-3" />
) : (
<Icon type="pencil" className="color-accessory-tint-3 flex fill-current mr-3" />
)}
<span className="color-grey-0">{this.state.lockText}</span>
</div>
)}
</div>

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

@@ -167,7 +167,7 @@ const NoteSizeWarning: FunctionComponent<{
note: SNNote
}> = ({ note }) => {
return new Blob([note.text]).size > NOTE_SIZE_WARNING_THRESHOLD ? (
<div className="flex items-center px-3 py-3.5 relative bg-note-size-warning">
<div className="flex items-center px-3 py-3.5 relative bg-warning">
<Icon type="warning" className="color-accessory-tint-3 flex-shrink-0 mr-3" />
<div className="color-grey-0 select-none leading-140% max-w-80%">
This note may have trouble syncing to the mobile application due to its size.