Use media query event listener instead of a listener on the resize event

The Needs Review Queue Bot → tested this issue. It either no longer applies to Drupal core, or fails the Drupal core commit checks. Therefore, this issue status is now "Needs work".

Apart from a re-roll or rebase, this issue may need more work to address feedback in the issue or MR comments. To progress an issue, incorporate this feedback as part of the process of updating the issue. This helps other contributors to know what is outstanding.

Consult the Drupal Contributor Guide → to find step-by-step guides for working with issues.

Rerolled the patch and raised MR against 11.x

MR 2013 even though pointing to 10.x still applied fine for 11.x

Asked question in the MR

For the one open thread opened by lauriii

Addressed the issue raised by lauriii in #42

alextran → changed the visibility of the branch 3225621-11.x to hidden.

alextran → changed the visibility of the branch 3225621-10.0.x to hidden.

alextran → changed the visibility of the branch 3225621-11.x to active.

alextran → changed the visibility of the branch 3225621-10.0.x to active.

Reviewed the changes in the code and tested the responsiveness in the following url by resizing the page:
http://drupal.ddev.site/admin/structure/types/manage/article/fields

lauriii → changed the visibility of the branch 3225621-10.0.x to hidden.

lauriii → changed the visibility of the branch 3225621-11.x to hidden.

lauriii → changed the visibility of the branch 3225621-9.4.x to hidden.

lauriii → changed the visibility of the branch 3225621-use-media-query to hidden.

Committed 0466b81 and pushed to 11.x. Also cherry-picked to 10.3.x. Thanks!

lauriii → closed merge request !7788