[Notification] Notification area should not have padding

[Piotrek Koszuliński]

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/notification/manual/inline
2. Create notification.
3. See that you if you click next (<20px) to the notification the editor loses focus.

[Piotr Jasiun]

I pushed changes ​t/12867 so now you can click next to or below the notification. I apply only top margin, read it and use as a left, right and bottom distance from the editors border when the notification is next to it.

This solution has 2 drawbacks:

• because notification still has top margin you will blur the editor if you click between notifications of between notification and a toolbar,
• you can not set different margin for the top/bottom/left/right, always top margin is used; also this margins works somehow magically (the top margin is used for all 4 directories) what may be confusing if someone works on the custom skin.

For the full solution, margin could be read on loading, removed and the position set by JS, but it would be too time consuming to implement and test properly and I believe that the current solution is good enough.

[Piotrek Koszuliński]

Hmm... I haven't thought that these margins may be important. In this case I've got a different proposal, but I'm not sure if it's going to work.

For the area add pointer-events: none and then for each notification add pointer-events: auto. I see that on Chrome it works perfectly, but other browsers may not allow to reset the pointer-events to auto once it's none. (PS. on Chrome I checked initial, but AFAICS auto is the default. You can try some other values if auto does not work).

[Piotr Jasiun]

pointer-events combination seems to works fine on Chrome, Firefox and IE (tested with 11 and 8), so it seems to be a perfect solution. Great idea! Changes in ​t/12867b.

[Piotrek Koszuliński]

Fixed on major with ​git:56e551d.