-
Notifications
You must be signed in to change notification settings - Fork 91
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.
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
fix: max width of editor container on mobile #4337
Conversation
1 failed and 2 flaky tests on run #10400 โ๏ธ
Details:
ย cypress/e2e/viewer.spec.js โข 1 failed test
ย sync.spec.js โข 1 flaky test
ย api/UsersApi.spec.js โข 1 flaky test
This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. |
@@ -67,6 +67,12 @@ export default { | |||
width: 100%; | |||
} | |||
|
|||
@media (max-width: 670px) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It wasn't immediately obvious to me that this is the value of --text-editor-max-width
.
Maybe we can just set a max-width in the above general .editor_content
rule like this to keep it simple?
.editor__content {
max-width: min(var(--text-editor-max-width, calc(100vw - 16px));
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ok, please check again.
51e8da3
to
51fd070
Compare
51fd070
to
20fb69e
Compare
Signed-off-by: Luka Trovic <[email protected]>
20fb69e
to
8765b4f
Compare
/compile |
Signed-off-by: nextcloud-command <[email protected]>
/backport 8765b4f to stable27 |
/backport 8765b4f to stable26 |
๐ Summary
๐ผ๏ธ Screenshots
๐ง TODO
๐ Checklist
npm run lint
/npm run stylelint
/composer run cs:check
)