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

fix: fix tags container max width

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-06-02 20:30:03 -03:00
parent 30ee2e90b4
commit 9be9ba2afc
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

6
app/assets/javascripts/ui_models/app_state/active_note_state.ts
View File

@@ -105,14 +105,10 @@ export class ActiveNoteState {
reloadTagsContainerMaxWidth(): void { reloadTagsContainerMaxWidth(): void {
const EDITOR_ELEMENT_ID = 'editor-column'; const EDITOR_ELEMENT_ID = 'editor-column';
const defaultFontSize = parseFloat(window.getComputedStyle(
document.documentElement
).fontSize);
const margins = defaultFontSize * 1.5;
const editorWidth = document.getElementById(EDITOR_ELEMENT_ID)?.clientWidth; const editorWidth = document.getElementById(EDITOR_ELEMENT_ID)?.clientWidth;
if (editorWidth) { if (editorWidth) {
this.appState.activeNote.setTagsContainerMaxWidth( this.appState.activeNote.setTagsContainerMaxWidth(
editorWidth - margins editorWidth
); );
} }
} }

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

@@ -69,6 +69,10 @@
margin-left: -0.25rem; margin-left: -0.25rem;
} }
.-ml-2 {
margin-right: -0.5rem;
}
.-mr-1 { .-mr-1 {
margin-right: -0.25rem; margin-right: -0.25rem;
} }