9978752258
The problem is that the @media-based detection often disagrees with the JS-based detection which then leads to many problems - most notably that part of the UI behaves as if it was a tablet, and the other part as if was a mobile phone, leading to a terrible user experience. This commit changes it so that there is only one way how to detect if we are on mobile phone, tablet or desktop: using the JavaScript, and we will load the appropriate css accordingly. Only one @media-based rule is converted as an example, the rest will follow. Change-Id: Id7bfb58ca12264904b3329db1542ae6b54893f11 Reviewed-on: https://gerrit.libreoffice.org/c/online/+/91416 Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Reviewed-by: Tamás Zolnai <tamas.zolnai@collabora.com> Reviewed-by: Jan Holesovsky <kendy@collabora.com>
23 lines
415 B
CSS
23 lines
415 B
CSS
/* This CSS file contains only stuff related to the list of users ("editors") for a document */
|
|
|
|
#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;
|
|
}
|