Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-09 23:45:25 +02:00
Code Issues Releases Activity

Edit mode content width fix

Browse source
This commit is contained in:
Tanya Fomina 2022-09-09 14:09:17 +03:00
parent 82e01bc656
commit 679c3400b0
3 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/frontend/js/modules/writing.js
View file

@ -82,6 +82,11 @@ export default class Writing {
this.nodes.parentIdSelector = moduleEl.querySelector('[name="parent"]'); this.nodes.parentIdSelector = moduleEl.querySelector('[name="parent"]');
this.nodes.putAboveIdSelector = moduleEl.querySelector('[name="above"]'); this.nodes.putAboveIdSelector = moduleEl.querySelector('[name="above"]');
this.nodes.uriInput = moduleEl.querySelector('[name="uri-input"]'); this.nodes.uriInput = moduleEl.querySelector('[name="uri-input"]');
/**
* Set minimum margin left for main column to prevent editor controls from overlapping sidebar
*/
document.documentElement.style.setProperty('--main-col-min-margin-left', '50px');
}; };
/** /**

7
src/frontend/styles/components/writing.pcss
View file

@ -94,8 +94,11 @@
padding: 6px 8px; padding: 6px 8px;
} }
.ce-block__content { @media (--desktop) {
max-width: none; .ce-block__content,
.ce-toolbar__content {
max-width: var(--layout-width-main-col);
}
} }
} }

6
src/frontend/styles/layout.pcss
View file

@ -1,3 +1,7 @@
:root {
--main-col-min-margin-left: 0px;
}
.docs { .docs {
min-height: calc(100vh - var(--layout-height-header)); min-height: calc(100vh - var(--layout-height-header));
@ -40,7 +44,7 @@
calc(var(--layout-width-main-col) + var(--max-space-between-cols) + var(--layout-sidebar-width)), calc(var(--layout-width-main-col) + var(--max-space-between-cols) + var(--layout-sidebar-width)),
calc(100vw - var(--layout-sidebar-width)) calc(100vw - var(--layout-sidebar-width))
); );
margin-left: max(0px, calc(50vw - var(--layout-sidebar-width) - var(--layout-width-main-col) / 2) - var(--layout-padding-horizontal)); margin-left: max(var(--main-col-min-margin-left), calc(50vw - var(--layout-sidebar-width) - var(--layout-width-main-col) / 2) - var(--layout-padding-horizontal));
margin-right: auto; margin-right: auto;
padding: 0; padding: 0;
} }