<commit_before>@media only screen and (max-width: $breakpoint-mobile) {

	/* position share dropdown */
	#dropdown {
		margin-right: 10% !important;
		width: 80% !important;
	}

	/* fix name autocomplete not showing on mobile */
	.ui-autocomplete {
		z-index: 1000 !important;
	}

	/* fix error display on smaller screens */
	.error-wide {
		width: 100%;
		margin-left: 0 !important;
		box-sizing: border-box;
	}

	/* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/
	#app-navigation {
		transform: translateX(-#{$navigation-width});
	}
	.snapjs-left {
		#app-navigation {
			transform: translateX(0);
		}
	}

	#app-navigation:not(.hidden) + #app-content {
		margin-left: 0;
	}

	.skip-navigation.skip-content {
		left: 3px;
		margin-left: 0;
	}

	/* full width for message list on mobile */
	.app-content-list {
		background: var(--color-main-background);
		flex: 1 1 100%;
		// make full height scroll since app-content-details is hidden
		max-height: unset;
		// ignore 300px default max width
		max-width: 100%;
		+ .app-content-details {
			display: none;
		}
		&.showdetails {
			display: none;
			+ .app-content-details {
				display: initial;
			}
		}
	}

	/* Show app details page */
	#app-content.showdetails {
		#app-navigation-toggle {
			transform: translateX(-44px);
		}
		#app-navigation-toggle-back {
			position: fixed;
			display: inline-block !important;
			top: $header-height;
			left: 0;
			width: 44px;
			height: 44px;
			z-index: 1050; // above app-content
			background-color: rgba(255, 255, 255, .7);
			cursor: pointer;
			opacity: .6;
			transform: rotate(90deg);
		}
		.app-content-list {
			transform: translateX(-100%);
		}

	}

	#app-navigation-toggle {
		position: fixed;
		display: inline-block !important;
		left: 0;
		width: 44px;
		height: 44px;
		z-index: 1050; // above app-content
		cursor: pointer;
		opacity: 0.6;
	}
	#app-navigation-toggle:hover,
	#app-navigation-toggle:focus {
		opacity: 1;
	}

	/* position controls for apps with app-navigation */
	#app-navigation + #app-content #controls {
		padding-left: 44px;
	}

	/* .viewer-mode is when text editor, PDF viewer, etc is open */
	#body-user .app-files.viewer-mode #controls {
		padding-left: 0 !important;
	}
	.app-files.viewer-mode #app-navigation-toggle {
		display: none !important;
	}

	table.multiselect thead {
		left: 0 !important;
	}

	/* prevent overflow in user management controls bar */
	#usersearchform {
		display: none;
	}
	#body-settings #controls {
		min-width: $breakpoint-mobile !important;
	}

	/* do not show dates in filepicker */
	#oc-dialog-filepicker-content .filelist .filesize,
	#oc-dialog-filepicker-content .filelist .date {<commit_msg>Correctly hide table headers in filepicker<commit_after>@media only screen and (max-width: $breakpoint-mobile) {

	/* position share dropdown */
	#dropdown {
		margin-right: 10% !important;
		width: 80% !important;
	}

	/* fix name autocomplete not showing on mobile */
	.ui-autocomplete {
		z-index: 1000 !important;
	}

	/* fix error display on smaller screens */
	.error-wide {
		width: 100%;
		margin-left: 0 !important;
		box-sizing: border-box;
	}

	/* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/
	#app-navigation {
		transform: translateX(-#{$navigation-width});
	}
	.snapjs-left {
		#app-navigation {
			transform: translateX(0);
		}
	}

	#app-navigation:not(.hidden) + #app-content {
		margin-left: 0;
	}

	.skip-navigation.skip-content {
		left: 3px;
		margin-left: 0;
	}

	/* full width for message list on mobile */
	.app-content-list {
		background: var(--color-main-background);
		flex: 1 1 100%;
		// make full height scroll since app-content-details is hidden
		max-height: unset;
		// ignore 300px default max width
		max-width: 100%;
		+ .app-content-details {
			display: none;
		}
		&.showdetails {
			display: none;
			+ .app-content-details {
				display: initial;
			}
		}
	}

	/* Show app details page */
	#app-content.showdetails {
		#app-navigation-toggle {
			transform: translateX(-44px);
		}
		#app-navigation-toggle-back {
			position: fixed;
			display: inline-block !important;
			top: $header-height;
			left: 0;
			width: 44px;
			height: 44px;
			z-index: 1050; // above app-content
			background-color: rgba(255, 255, 255, .7);
			cursor: pointer;
			opacity: .6;
			transform: rotate(90deg);
		}
		.app-content-list {
			transform: translateX(-100%);
		}

	}

	#app-navigation-toggle {
		position: fixed;
		display: inline-block !important;
		left: 0;
		width: 44px;
		height: 44px;
		z-index: 1050; // above app-content
		cursor: pointer;
		opacity: 0.6;
	}
	#app-navigation-toggle:hover,
	#app-navigation-toggle:focus {
		opacity: 1;
	}

	/* position controls for apps with app-navigation */
	#app-navigation + #app-content #controls {
		padding-left: 44px;
	}

	/* .viewer-mode is when text editor, PDF viewer, etc is open */
	#body-user .app-files.viewer-mode #controls {
		padding-left: 0 !important;
	}
	.app-files.viewer-mode #app-navigation-toggle {
		display: none !important;
	}

	table.multiselect thead {
		left: 0 !important;
	}

	/* prevent overflow in user management controls bar */
	#usersearchform {
		display: none;
	}
	#body-settings #controls {
		min-width: $breakpoint-mobile !important;
	}

	/* do not show dates in filepicker */
	#oc-dialog-filepicker-content .filelist #headerSize,
	#oc-dialog-filepicker-content .filelist #headerDate,
	#oc-dialog-filepicker-content .filelist .filesize,
	#oc-dialog-filepicker-content .filelist .date {
{'fraction_non_alphanumeric': 0.1559616428442193, 'fraction_numerical': 0.025330197213678306, 'mean_word_length': 2.9317211948790898, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4470875', 'n_tokens_mistral': 2229, 'n_tokens_neox': 1891, 'n_words': 471}