libreoffice-online/loleaflet/css/selectionMarkers.css
Pedro Pinto Silva ef48e44c0e Mobile: change all media queries to:
- Include phablet size
- Ensure that the mobile css rules do not kick in when on Desktop (900px window)
-- Detect if the primary input mechanism cannot hover at all or cannot conveniently hover (hover:none)
-- Detect if at least one input mechanism includes a pointing device of limited accuracy (any-pointer:coarse)

Change-Id: Idf1494acbd52ecd40e9082c8cf6f4ce88ecf9ac6
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/88862
Tested-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
2020-02-17 15:53:33 +01:00

36 lines
902 B
CSS

.leaflet-selection-marker-start {
position: absolute;
margin-left: -28px;
width: 30px;
height: 44px;
background-image: url('images/handle_start.svg');
}
.leaflet-selection-marker-end {
position: absolute;
margin-left: -2px;
width: 30px;
height: 44px;
background-image: url('images/handle_end.svg');
}
.leaflet-cursor-handler {
margin-left: -14px;
width: 30px;
height: 44px;
background-image: url('images/cursor-handler.svg');
}
.inputbar_selection_handles * {
z-index: 1;
}
#tb_formulabar_item_formula .inputbar_selection_handles{
/*display: none;*/
}
@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), (max-height: 900px) and (any-pointer: coarse) and (hover: none){
#tb_formulabar_item_formula, #tb_formulabar_item_address {
height: 54px !important;
}
#tb_formulabar_item_formula > div, #tb_formulabar_item_address > div {
margin-top: -16px;
}
}