U4-10236 - Umbraco.7.7 beta - add larger click area of permission items

Created by Bjarne Fyrstenborg 02 Aug 2017, 21:31:21 Updated by Shannon Deminick 09 Aug 2017, 04:50:17

Subtask of: U4-8632

In the permission items, which trigger the toggle button on click, the div with title and description can have display: flex to fill full width and make a larger clickarea. However the cursor also indicate that parent element is clickable, but some of the padding between, doesn't trigger the toggle. Consider to move the padding/margin to the child elements or add the ng-click="change(checked)" to the parent.. or only add cursor: pointer; to the clickable elements.

2 Attachments


Mads Rasmussen 07 Aug 2017, 10:28:39

PR: https://github.com/umbraco/Umbraco-CMS/pull/2104

Shannon Deminick 08 Aug 2017, 03:00:57

Not quite working, see screenshot. Those green areas are not clickable but the cursor is still a pointer.

NOTE: I've already merged the PR - feel free to push changes directly to 7.7 for these small changes and just link to the revision here.

Mads Rasmussen 08 Aug 2017, 08:24:30

I have fixed it now so we only show the pointer cursor in the areas where you can click: fc8c750fb04e546f593a2c9cac51e24181a7e710

Priority: Normal

Type: Bug

State: Fixed


Difficulty: Normal


Backwards Compatible: True

Fix Submitted:

Affected versions: 7.7.0

Due in version: 7.7.0

Sprint: Sprint 65

Story Points: 0.5