FIX: Allow greater touch area, controls under header bar

Hi I’m Chris Palmer.
Here’s a great fix to enable better touch area for your controls underneath the header bar.

The user will try to select the vertical center of the control. However the top of their finger ends up being the bit which registers on the device, so that they are actually touching the highlighted red portion.

The event is not passed to the segmented control due to the dropshadow pseduo:after element on the header bar.

image

Include the following scss somewhere to fix this problem

image

Kind Regards

Chris