ef48e44c0e
- 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>
36 lines
902 B
CSS
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;
|
|
}
|
|
}
|