Skip to content
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

Resizable elements window #3097

Merged
merged 3 commits into from
Dec 2, 2024
Merged

Resizable elements window #3097

merged 3 commits into from
Dec 2, 2024

Conversation

tvdeyen
Copy link
Member

@tvdeyen tvdeyen commented Nov 29, 2024

What is this pull request for?

Allows to drag the divider between the preview and elements windows in order to resize the elements window.

This is very helpful, if the elements window is too narrow when lots of nested elements exist.

It makes sure the elements window width is the same across pages. Uses a cookie, so we can read the value from Rails and put it on the body tag, so it is immediately available on page render. Otherwise we would see the element window resizing on every page visit.

SSR ftw \o/

refs #2733

Screencast

https://www.loom.com/share/87151d6797c04b2aa10900e384e54cf7

Checklist

  • I have followed Pull Request guidelines
  • I have added a detailed description into each commit message
  • I have added tests to cover this change

Tinymce has a new css class prefix, that
broke the fullscreen mode.
Allows to drag the divider between the preview and
elements windows in order to resize the elements window.

This is very helpful, if the elements window is too narrow when
lots of nested elements exist.
Makes sure the elements window width is the same across pages.
Uses a cookie, so we can read the value from Rails and put it on
the body tag, so it is immediatly available on page render.
Otherwise we would see the element window resizing on every
page visit. SSR ftw \o/
@tvdeyen tvdeyen added this to the 8.0 milestone Nov 29, 2024
@tvdeyen tvdeyen requested a review from a team as a code owner November 29, 2024 19:26
Copy link

codecov bot commented Nov 29, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 96.58%. Comparing base (e6523b8) to head (44d3a39).
Report is 4 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #3097   +/-   ##
=======================================
  Coverage   96.58%   96.58%           
=======================================
  Files         236      236           
  Lines        6334     6334           
=======================================
  Hits         6118     6118           
  Misses        216      216           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Contributor

@sascha-karnatz sascha-karnatz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very nice. I like the cookie solution

@tvdeyen tvdeyen merged commit b4b2471 into main Dec 2, 2024
39 checks passed
@tvdeyen tvdeyen deleted the resizable-element-window branch December 2, 2024 10:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants