Don't regard 1024px width viewport as mobile

Currently we treat 1024px as mobile in some places (e.g. `isMobile` in
nextcloud-vue) and as not mobile yet in others (e.g. in mobile.css).

This commit changes `mobile.scss` to treat viewports smaller than 1024px
as mobile.

This PR accompanies https://github.com/nextcloud/nextcloud-vue/pull/3768

Both are required to fix
https://github.com/nextcloud/nextcloud-vue/issues/3758.

Signed-off-by: Jonas <jonas@freesources.org>
This commit is contained in:
Jonas 2023-02-16 12:15:11 +01:00 committed by MichaIng (Rebase PR Action)
parent 78076c6d4a
commit 9cf7ed43a1
3 changed files with 3 additions and 3 deletions

View file

@ -20,7 +20,7 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
@media only screen and (max-width: 1024px) {
@media only screen and (width < 1024px) {
/* position share dropdown */
#dropdown {
margin-right: 10% !important;

View file

@ -1,6 +1,6 @@
@use 'variables';
@media only screen and (max-width: variables.$breakpoint-mobile) {
@media only screen and (width < variables.$breakpoint-mobile) {
/* position share dropdown */
#dropdown {

View file

@ -4205,7 +4205,7 @@ kbd {
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
@media only screen and (max-width: 1024px) {
@media only screen and (width < 1024px) {
/* position share dropdown */
#dropdown {
margin-right: 10% !important;