Tip: Remote forms - dropdown padding

[Jim Pistrang]

Hi Andrew,

This didn't work.  I trued it both with and without the .nofocus

I also tried overriding height.

Any other ideas?

Jim

>Hi Jim,
>
>I don't use the js tree in particular, but you can do the following:
>
>- the first one adjusts padding between closed nodes.
>- the second adjusts padding between open nodes and the previous closed
>nodes.
>- the third adjusts passing between sub-nodes (child).
>
>
>.noFocus .jstree-closed {
>padding-top: 7px;
>padding-bottom: 7px;
>}
>
>
>.noFocus .jstree-open {
>padding-top: 7px;
>padding-bottom: 7px;
>}
>
>
>.noFocus .jstree-leaf {
>padding-top: 7px;
>padding-bottom: 7px;
>}
>
>
>
>Andrew
>
>
>
>
>
>On Fri, Jun 14, 2019 at 9:01 AM Jim Pistrang <jim at jpcr.com> wrote:
>
>> Hi Andrew,
>>
>> Nice!
>>
>> What would the equivalent be for increasing the space between nodes in a
>> js tree list?
>>
>> Thanks,
>>
>> Jim
>>
>> >For those not familiar with CSS & are using remote forms for mobile
>> devices.
>> >
>> >You will notice when using the js dropdowns, the lines in the dropdown
>> >themselves are extremely close together to select the correct line on
>> >mobile devices.
>> >
>> >You can add something like the below into the user.css file to add padding
>> >between lines themselves for all the dropdowns in your app.
>> >
>> >.ctrl-drop-list .unselectable {
>> >padding-top: 7px;
>> >padding-bottom: 7px;
>> >}
>> >_____________________________________________________________
>> >Manage your list subscriptions at http://lists.omnis-dev.com
>> >Start a new message -> mailto:omnisdev-en at lists.omnis-dev.com
>> >
>>
>> --
>> Jim Pistrang
>> JP Computer Resources
>> 413-256-4569
>> <https://jpcr.com>
>>
>>
>>

-- 
Jim Pistrang
JP Computer Resources
413-256-4569
<https://jpcr.com>