nextcloud-server/apps/files/css/mobile.css

@charset "UTF-8";
/**
 * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com)
 *
 * @author John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */
/* 938 = table min-width(688) + app-navigation width: 250\
	$breakpoint-mobile +1 = size where app-navigation is hidden +1
	688 = table min-width */
@media only screen and (max-width: 988px) and (min-width: 1025px), only screen and (max-width: 688px) {
  .app-files #app-content.dir-drop {
    background-color: rgb(255, 255, 255) !important;
  }

  table th.column-size,
table td.filesize,
table th.column-mtime,
table td.date {
    display: none;
  }

  /* remove padding to let border bottom fill the whole width*/
  table td {
    padding: 0;
  }

  /* remove shift for multiselect bar to account for missing navigation */
  table.multiselect thead {
    padding-left: 0;
  }

  .fileList a.action.action-menu img {
    padding-left: 0;
  }

  .fileList .fileActionsMenu {
    margin-right: 6px;
  }

  /* hide text of the share action on mobile */
  /* .hidden-visually for accessbility */
  .fileList a.action-share span:not(.icon):not(.avatar) {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  /* shorten elements for mobile */
  #uploadprogressbar, #uploadprogressbar .label.inner {
    width: 50px;
  }

  /* hide desktop-only parts */
  #uploadprogressbar .desktop {
    display: none !important;
  }

  #uploadprogressbar .mobile {
    display: block !important;
  }

  /* ensure that it is visible over #app-content */
  table.dragshadow {
    z-index: 1000;
  }
}
@media only screen and (max-width: 480px) {
  /* Only show icons */
  table th .selectedActions {
    float: right;
  }

  table th .selectedActions > a span:not(.icon) {
    display: none;
  }

  /* Increase touch area for the icons */
  table th .selectedActions a {
    padding: 17px 14px;
  }

  /* Remove the margin to reduce the overlap between the name and the icons */
  table.multiselect th .columntitle.name {
    margin-left: 0;
  }
}

/*# sourceMappingURL=mobile.css.map */