Skip to content

Refactor: Split Editor Wrapper into multiple components #2687

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vinicius73 merged 8 commits into from
Jul 29, 2022
Merged

Refactor: Split Editor Wrapper into multiple components #2687

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
17146ed
refactor: add Status and DocumentStatus components
max-nextcloud Jul 8, 2022
8f7160d
refactor: separate component for editor
max-nextcloud Jul 8, 2022
6cd8aa1
refactor: add Content component for editor content
max-nextcloud Jul 8, 2022
06e9801
rename: to Editor/{MediaHandler,Wrapper}
max-nextcloud Jul 8, 2022
b2d690f
rename EditorWrapper -> Editor
max-nextcloud Jul 8, 2022
887e93b
refactor: add actual Wrapper, rename old to Main
max-nextcloud Jul 8, 2022
4f58e4c
fix: move .document-status css to DocumentStatus
max-nextcloud Jul 8, 2022
e87b6db
Compile assets
nextcloud-command Jul 29, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix: move .document-status css to DocumentStatus 
Signed-off-by: Max <[email protected]>
  • Loading branch information
@max-nextcloud
max-nextcloud committed Jul 29, 2022
commit 4f58e4ccb626a81a4fa32467aae02ee163ed37e3
24 changes: 0 additions & 24 deletions src/components/Editor.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -676,30 +676,6 @@ export default {
background-color: var(--color-main-background);
}

.document-status {
position: relative;
background-color: var(--color-main-background);

.msg {
padding: 12px;
background-position: 8px center;
color: var(--color-text-maxcontrast);

&.icon-error {
padding-left: 30px;
}

.button {
margin-left: 8px;
}

&.msg-locked .lock-icon {
padding: 0 10px;
float: left;
}
}
}

.text-editor .text-editor__wrapper.has-conflicts {
height: calc(100% - 50px);

Expand Down
26 changes: 26 additions & 0 deletions src/components/Editor/DocumentStatus.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,3 +88,29 @@ export default {

}
</script>

<style scoped lang="scss">
.document-status {
position: relative;
background-color: var(--color-main-background);

.msg {
padding: 12px;
background-position: 8px center;
color: var(--color-text-maxcontrast);

&.icon-error {
padding-left: 30px;
}

.button {
margin-left: 8px;
}

&.msg-locked .lock-icon {
padding: 0 10px;
float: left;
}
}
}
</style>