Skip to content

Disallow masking for background.#827

Merged
wassgha merged 3 commits intomasterfrom
fix/796-background_line
Mar 29, 2020
Merged

Disallow masking for background.#827
wassgha merged 3 commits intomasterfrom
fix/796-background_line

Conversation

@miina
Copy link
Copy Markdown
Contributor

@miina miina commented Mar 27, 2020

Fixes #796

Background media should not be masked, it should always cover the full area.

If the user wants to add a "background shape" for some reason, Fill feature can be used.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Mar 27, 2020

Size Change: +14 B (0%)

Total Size: 498 kB

Filename Size Change
assets/js/edit-story.js 429 kB +14 B (0%)
ℹ️ View Unchanged
Filename Size Change
assets/css/edit-story.css 3.01 kB 0 B
assets/css/stories-dashboard.css 206 B 0 B
assets/js/stories-dashboard.js 66.1 kB 0 B

compressed-size-action

clipPath: `url(#${maskId})`,
// stylelint-disable-next-line property-no-vendor-prefix
WebkitClipPath: `url(#${maskId})`,
webkitClipPath: `url(#${maskId})`,
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Why was this changed? See #791

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Eh? 😕 I didn't change this knowingly. Odd, for some reason locally it didn't update it correctly when merging. Will change manually.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Looks like it was changed automatically locally. Odd.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

npm run lint:css:fix assets/src/edit-story/masks/output.js changes this file for me locally. Every. Time. FYI.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Good to know, thanks! Will investigate!

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Tracking in #845 so that I can merge this now

@swissspidy swissspidy mentioned this pull request Mar 27, 2020
Copy link
Copy Markdown
Contributor

@spacedmonkey spacedmonkey left a comment

Choose a reason for hiding this comment

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

Works when testing locally.

@wassgha wassgha merged commit 475cd03 into master Mar 29, 2020
@wassgha wassgha deleted the fix/796-background_line branch March 29, 2020 04:24
obetomuniz added a commit that referenced this pull request Mar 30, 2020
* master:
  Update list of Google Fonts
  Bump babel-jest from 25.2.3 to 25.2.4 (#851)
  Resize video while resizing (#804)
  Bump @wordpress/components from 9.2.5 to 9.2.6 (#839)
  Bump eslint-plugin-testing-library from 2.2.3 to 3.0.0 (#849)
  Bump react-moveable from 0.18.1 to 0.19.0 (#850)
  Bump lint-staged from 10.0.9 to 10.0.10
  Bump eslint-plugin-import from 2.20.1 to 2.20.2 (#846)
  Auto-select entire input field on focus (#811)
  Disallow masking for background. (#827)
  Reduce timing difference for entering edit mode. (#829)
  Clicking on media in the gallery should never insert as background (#841)
  Bump @testing-library/dom from 7.1.2 to 7.1.3 (#843)
  Reorderable drag and drop component (#709)
  Minimize layer panel height + fixes for expanding/collapsing (#704)
  remove lingering extra styled component import comment
  adding tests for which icon is present on chip bookmark
  some clean up
  bookmark chip ui component. 2 sizes controlled by constants.js. Storybook + a very basic test
  Template Animations: Added float-on animation (#618)
@swissspidy
Copy link
Copy Markdown
Collaborator

Added to alpha branch

swissspidy pushed a commit that referenced this pull request Mar 30, 2020
* Disallow masking for background.

* Add tests.

Fix webkit-path locally.

* Fix automated commit change.
@swissspidy swissspidy added the Type: Bug Something isn't working label Mar 31, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Type: Bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Background doesn't complete fill up the canvas

6 participants