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>
50 lines
1,000 B
CSS
50 lines
1,000 B
CSS
#userlist_table {
|
|
width: 100%;
|
|
}
|
|
.selected-user {
|
|
background-color: darkgrey;
|
|
}
|
|
#editor-btn {
|
|
padding: 3px 5px;
|
|
max-width: 120px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
}
|
|
#editor-btn #follow-checkbox{
|
|
margin: 3px;
|
|
}
|
|
#currently-msg{
|
|
text-align: center;
|
|
padding: 3px 5px;
|
|
}
|
|
@media screen (max-width: 900px) and (any-pointer: coarse) and (hover: none), (max-height: 900px) and (any-pointer: coarse) and (hover: none){
|
|
#editor-btn{
|
|
max-width: 160px;
|
|
}
|
|
#editor-btn td:last-of-type{
|
|
max-width: 96px;
|
|
padding-left: 8px;
|
|
text-align: left;
|
|
}
|
|
#currently-msg{
|
|
padding: 12px 5px;
|
|
}
|
|
input#follow-checkbox {
|
|
width: 24px;
|
|
height: 24px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-o-appearance: none;
|
|
appearance: none;
|
|
border-radius: 2px;
|
|
border: 2px solid #aaa;
|
|
outline: none;
|
|
box-shadow: #00000015 0px 0px 2px 1px;
|
|
}
|
|
#userlist_table + hr { display: none;}
|
|
div#w2ui-overlay-actionbar.w2ui-overlay{
|
|
margin-left:-7px;
|
|
}
|
|
}
|