Skip to content

Conversation

Naerriel
Copy link
Contributor

Description

Fix of issue #11156 - added a margin on the right of dismissible notices.

How has this been tested?

I looked on the styles manually on left-to-right and right-to-left views.

Screenshots

dismissible-notice

Types of changes

Change in styles.

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.
  • I've included developer documentation if appropriate.

Copy link
Member

@jorgefilipecosta jorgefilipecosta left a comment

Choose a reason for hiding this comment

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

Thank you for your changes @Naerriel, things worked great on my tests and it improves the behavior in some resolutions and when resizing.
Before:
jan-21-2019 10-39-48

After:
jan-21-2019 10-38-42

@jorgefilipecosta
Copy link
Member

Pinging to @jasmussen to have a last look regarding the design/CSS change.

@jorgefilipecosta jorgefilipecosta added this to the 5.0 (Gutenberg) milestone Jan 21, 2019
@jorgefilipecosta jorgefilipecosta added [Package] Notices /packages/notices [Feature] UI Components Impacts or related to the UI component system [Package] Components /packages/components and removed [Package] Notices /packages/notices labels Jan 21, 2019
@jasmussen
Copy link
Contributor

Love it. Can we change the 25px to #{ $icon-button-size-small + $border-width }? That comes to the same, but uses variables.

@gziolo
Copy link
Member

gziolo commented Jan 22, 2019

@Naerriel would you mind applying the change @jasmussen shared so we could merge your first contribution? :)

@Naerriel
Copy link
Contributor Author

@jasmussen @gziolo Thank you for feedback and reminding me. :)

Copy link
Member

@gziolo gziolo left a comment

Choose a reason for hiding this comment

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

All good, nice work 👍

Congrats on your first contribution landing to Gutenberg 🎉

@gziolo gziolo merged commit e1d2e66 into WordPress:master Jan 23, 2019
daniloercoli added a commit that referenced this pull request Jan 24, 2019
…rnmobile/372-add-title-to-gutenberg-mobile

* 'master' of https://github.com/WordPress/gutenberg: (56 commits)
  Save package-lock.json file changes (#13481)
  Plugin: Deprecate gutenberg_add_responsive_body_class (#13461)
  Add speak messages to the feature toggle component. (#13385)
  Plugin: Deprecate gutenberg_kses_allowedtags (#13460)
  Plugin: Deprecate gutenberg_bulk_post_updated_messages (#13472)
  Plugin: Avoid calling deprecated gutenberg_silence_rest_errors (#13446)
  Plugin: Deprecate gutenberg_remove_wpcom_markdown_support (#13473)
  Fix: Categories block: add custom classes only to wrapper (#13439)
  is-shallow-equal: Use ES5 ruleset from eslint-plugin module (#13428)
  Update and Organize Contributors Guide per #12916 (#13352)
  Dismissible-notices: fix text overlapping icon (X) (#13371)
  Framework: Remove 5.0-merged REST API integrations (#13408)
  Plugin: Remove 5.0-merged block registration functions, integrations (#13412)
  Framework: Bump minimum required WP to 5.x (#13370)
  [Mobile] Improve keyboard hide button (#13415)
  Improve castError handling of non strings (#13315)
  Fix: File block add custom class (#13432)
  Consider making Fullscreen Mode effects visible only on larger screens (#13425)
  Update plugin version to 4.9.0 (#13436)
  DateTimePicker: fix prop warning for (#12933)
  ...
youknowriad pushed a commit that referenced this pull request Mar 6, 2019
* Dismissible-notices: fix text overlapping icon (X)

* Dismissible-notices: fix text overlapping icon (X) - pt.2.
youknowriad pushed a commit that referenced this pull request Mar 6, 2019
* Dismissible-notices: fix text overlapping icon (X)

* Dismissible-notices: fix text overlapping icon (X) - pt.2.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] UI Components Impacts or related to the UI component system [Package] Components /packages/components
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants