Mobile “fold” tap targets are too small

[james1294]

Use case or problem

• im a big user of outlines and checklists, especially on mobile.
• the fold triangle for nested lists is too tiny! especially when next to a checkbox which I also might be aiming for.
• I tried css to change the fold triangle, tried larger font sizes in app and in my iPad’s main settings. None affect the tap target size.

[lorens]

i use Lorens theme , i think this theme will help you

[james1294]

@lorens

Lorens theme , i think this theme will help you

Tried that. Checkboxes seem to be the same size.

[james1294]

Found CSS that makes it work

This is for fold toggle triangles (the @media line applies it to mobile devices only)

@media  (max-height: 1150px) {
svg.svg-icon.right-triangle  {
    width: 15px;  /* Increase the width */
    height: 15px;  /* Increase the height */
    /* fill: yellow;    */
}
}

This is for checkboxes

.is-mobile {
    --checkbox-size: 25px;
}