/* CSS requerido para usar drag/drop com os componentes */

.draggable {
    user-select : none;
    touch-action: none;
    position    : absolute;
    cursor      : grab;

}

.drag-handle {
    cursor  : move;
    /*z-index : 10;*/    /* isso é pra melhorar a precisão de pegar o handle */
}

.full-draggable {
    cursor: move;
}


/*  Desabilitar o refresh quando se desliza a tela de cima pra baixo.
 *
 *  Parece que tem que aplicar direto no body. Usando em um div especifico,
 *  não desabilitou.
 *
 *  How to disable pull to refresh
 *  https://www.the-koi.com/projects/how-to-disable-pull-to-refresh/

  Outra maneira é aplicar touch-action: none no container onde quer desabilitar os eventos touch.
  Mas, isso também desliga todos os eventos touch (ex. não vai conseguir fazer zoom o gesto 'pinça').

 */

body {

    overscroll-behavior : none;
}





/*  aplicar no container principal da pagina
 *  ps. Parece que colocando 'auto', também funciona
 */
 /*
.touch_disabled {
    touch-action        : none;
    overscroll-behavior : none;
}
*/


/*  aplicar em elementos onde se quer usar o touch (eg. grafico dentro do container principal,
 *  isso anula o touch_disabled do container pai, para o gráfico).
 *  ps. achava que era isso, mas agora nao ta functionando !?
 */

/*
 .touch_enabled {
    touch-action: auto pinch-zoom double-tap-zoom pan-x pan-y
}
*/