Skip to content

fix: Add height CSS for Safari not showing layer icons (#6394)#6424

Merged
artf merged 2 commits intoGrapesJS:devfrom
sirbeagle:fix/6394-layer-manager-icons-missing-on-safari
Mar 5, 2025
Merged

fix: Add height CSS for Safari not showing layer icons (#6394)#6424
artf merged 2 commits intoGrapesJS:devfrom
sirbeagle:fix/6394-layer-manager-icons-missing-on-safari

Conversation

@sirbeagle
Copy link
Contributor

Confirmed that layer icons were not showing up in Safari (v18.3). Safari was not matching the set width that was already defined like Chrome and Firefox were. The easiest thing to do here is to just set the height at the same size as the width for the icons - it fixes Safari and doesn't change the computer sizes in the other browsers.

There probably isn't any point in a unit test for this as we wouldn't easily be able to test in a specific browser anyways.

As a side note, I say a deprecation warning for the use of @import statements in Sass:

Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

  ╷
2 │ @import 'codemirror/lib/codemirror';
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
    src/styles/scss/main.scss 2:9  root stylesheet

I'll take a look to see how difficult it would be to fix that.

Closes #6394.

@griffinkelly griffinkelly requested a review from artf March 4, 2025 20:24
@artf artf merged commit f3b02f8 into GrapesJS:dev Mar 5, 2025
3 checks passed
@artf
Copy link
Member

artf commented Mar 5, 2025

Awesome, thank you @sirbeagle 🙇‍♂️

sirbeagle added a commit to sirbeagle/grapesjs that referenced this pull request Mar 5, 2025
GrapesJS#6424)

* Add height CSS for Safari not showing layer icons (GrapesJS#6394)

* Missed the drag icon

---------

Co-authored-by: Chris Benjamin <cbenjamin@stormseed.com>
artf added a commit that referenced this pull request Mar 10, 2025
* Remove the use of @import statements in sass files and remove nested calls that assume a parent style is available and instead reference shared parent items with @use

* Update @uses with single quotes per Prettier

* fix: Add height CSS for Safari not showing layer icons (#6394) (#6424)

* Add height CSS for Safari not showing layer icons (#6394)

* Missed the drag icon

---------

Co-authored-by: Chris Benjamin <cbenjamin@stormseed.com>

* Add options for zoom change event (#6429)

* change order uses to match existing files

* couple of fixes to incorrect SASS references

---------

Co-authored-by: Chris Benjamin <cbenjamin@stormseed.com>
Co-authored-by: Artur Arseniev <artur.catch@hotmail.it>
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.

BUG: layer manager bug on Safari Mac

2 participants