nextcloud-server/apps/files_sharing/css/mobile.scss

/*!
 * SPDX-FileCopyrightText: 2016-2024 Nextcloud GmbH and Nextcloud contributors
 * SPDX-FileCopyrightText: 2014 ownCloud, Inc.
 * SPDX-License-Identifier: AGPL-3.0-only
 */
@use 'variables';

@media only screen and (max-width: variables.$breakpoint-mobile) {

/* make header scroll up for single shares, more view of content on small screens */
#header.share-file {
	position: absolute !important;
}

/* hide size and date columns */
table th.column-size,
table td.filesize,
table th.column-mtime,
table td.date {
	display: none;
}

/* restrict length of displayed filename to prevent overflow */
table td.filename .nametext {
	max-width: 75% !important;
}

/* on mobile, show single shared image at full width without margin */
#imgframe {
	width: 100%;
	padding: 0;
}
/* some margin for the file type icon */
#imgframe .publicpreview {
	margin-top: 32px;
}

/* some padding for better clickability */
.files-fileList a.action img {
	padding-block: 0;
	padding-inline: 12px 6px;
}
/* hide text of the actions on mobile */
.files-fileList a.action:not(.menuitem) span {
	display: none;
}

/* ellipsis on file names */
.nametext {
	width: 60%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#header .menutoggle {
    padding-inline-end: 14px;
    background-position: center;
}
.note {
	padding: 0 20px;
}

.emptycontent {
	margin-top: 10vh;
}
}