chore: Remove now unneeded filepicker styles

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

core/css/mobile.scss

@@ -124,21 +124,6 @@
 		min-width: variables.$breakpoint-mobile !important;
 	}
 
-	/* do not show dates in filepicker */
-	#oc-dialog-filepicker-content .filelist .column-size,
-	#oc-dialog-filepicker-content .filelist .column-mtime,
-	#oc-dialog-filepicker-content .filelist .filesize,
-	#oc-dialog-filepicker-content .filelist .date {
-		display: none;
-	}
-	#oc-dialog-filepicker-content .filelist .filename {
-		max-width: 100%;
-	}
-
-	.snapjs-left table.multiselect thead {
-		top: 44px;
-	}
-
 	/* end of media query */
 }
 

core/css/styles.scss

@@ -642,259 +642,6 @@ code {
 }
 
 /* ---- DIALOGS ---- */
-#oc-dialog-filepicker-content {
-	position: relative;
-	display: flex;
-	flex-direction:column;
-
-	.dirtree {
-		flex-wrap: wrap;
-		box-sizing: border-box;
-		padding-right: 140px;
-		display: flex;
-
-		div:first-child a {
-			font-size: 0px;
-			background-image: var(--icon-home-dark);
-			background-repeat: no-repeat;
-			background-position: left center;
-		}
-		span {
-			&:not(:last-child) {
-				cursor: pointer;
-			}
-			&:last-child {
-				font-weight: bold;
-			}
-			&:not(:last-child)::after {
-				content: '>';
-				padding: 3px;
-			}
-		}
-	}
-
-	#picker-showgridview {
-		position: absolute;
-		background-color: transparent;
-		border: none;
-		margin: 0;
-		padding: 22px;
-		opacity: .5;
-		right: 0;
-		top: 0;
-
-		&:hover,
-		&:active,
-		&:focus {
-			box-shadow: 0 0 0 2px var(--color-primary-element);
-			opacity: 1;
-		}
-	}
-
-	.actions.creatable {
-		flex-wrap: wrap;
-		padding: 0px;
-		box-sizing: border-box;
-		display: inline-flex;
-		float: none;
-		max-height: 36px;
-		max-width: 36px;
-		background-color: var(--color-background-dark);
-		border: 1px solid var(--color-border-dark);
-		border-radius: var(--border-radius-pill);
-		position: relative;
-		left: 15px;
-		top:3px;
-		order:1;
-
-		.icon.icon-add{
-			background-image: var(--icon-add-dark);
-			background-size: 16px 16px;
-			width: 34px;
-			height: 34px;
-			margin: 0px;
-			opacity: 0.5;
-		}
-
-		a {
-			width: 36px;
-			padding: 0px;
-			position: static;
-		}
-
-		.menu {
-			top: 100%;
-			margin-top: 10px;
-			form {
-				display: flex;
-				margin: 10px;
-			}
-		}
-
-	}
-
-	.filelist-container {
-		box-sizing: border-box;
-		display: inline-block;
-		overflow-y: auto;
-		flex: 1;
-		/*height: 100%;*/
-		/* overflow under the button row */
-		width: 100%;
-		overflow-x: hidden;
-	}
-	.emptycontent {
-		color: var(--color-text-maxcontrast);
-		text-align: center;
-		margin-top: 80px;
-		width: 100%;
-		display: none;
-	}
-	.filelist {
-		background-color: var(--color-main-background);
-		width: 100%;
-	}
-	#picker-filestable.filelist {
-		/* prevent the filepicker to overflow */
-		min-width: initial;
-		margin-bottom: 50px;
-		thead {
-			tr {
-				border-bottom: 1px solid var(--color-border);
-				background-color: var(--color-main-background);
-				th {
-					width: 80%;
-					border: none;
-				}
-			}
-		}
-		th .columntitle {
-			display: block;
-			padding: 15px;
-			height: 50px;
-			box-sizing: border-box;
-			-moz-box-sizing: border-box;
-			vertical-align: middle;
-		}
-		th .columntitle.name {
-			padding-left: 5px;
-			margin-left: 50px;
-		}
-
-		th .sort-indicator {
-			width: 10px;
-			height: 8px;
-			margin-left: 5px;
-			display: inline-block;
-			vertical-align: text-bottom;
-			opacity: .3;
-		}
-		.sort-indicator.hidden,
-		th:hover .sort-indicator.hidden,
-		th:focus .sort-indicator.hidden {
-			visibility: hidden;
-		}
-		th:hover .sort-indicator.hidden,
-		th:focus .sort-indicator.hidden {
-			visibility: visible;
-		}
-
-		td {
-			padding: 14px;
-			border-bottom: 1px solid var(--color-border);
-		}
-		tr:last-child td {
-			border-bottom: none;
-		}
-		.filename {
-			overflow: hidden;
-			white-space: nowrap;
-			text-overflow: ellipsis;
-			background-size: 32px;
-			background-repeat: no-repeat;
-			padding-left: 51px;
-			background-position: 7px 7px;
-			cursor: pointer;
-			// avoid taking full width
-			max-width: 0;
-			.filename-parts {
-				display: flex;
-				&__first {
-					overflow: hidden;
-					white-space: pre;
-					text-overflow: ellipsis;
-				}
-				&__last {
-					white-space: pre;
-				}
-			}
-		}
-		.filesize, .date {
-			width: 80px;
-		}
-		.filesize {
-			text-align: right;
-		}
-		&.view-grid {
-			$grid-size: 120px;
-			$grid-pad: 10px;
-			$name-height: 30px;
-			display: flex;
-			flex-direction: column;
-
-			tbody {
-				display: grid;
-				grid-template-columns: repeat(auto-fill, $grid-size);
-				justify-content: space-around;
-				row-gap: 15px;
-				margin: 15px 0;
-
-				tr {
-					display: block;
-					position: relative;
-					border-radius: var(--border-radius);
-					padding: $grid-pad;
-					display: flex;
-					flex-direction: column;
-					width: $grid-size - 2 * $grid-pad;
-
-
-					td {
-						border: none;
-						padding: 0;
-						text-align: center;
-						border-radius: var(--border-radius);
-
-						&.filename {
-							padding: #{$grid-size - 2 * $grid-pad} 0 0 0;
-							background-position: center top;
-							background-size: contain;
-							line-height: $name-height;
-							max-width: none;
-							.filename-parts {
-								justify-content: center;
-							}
-						}
-						&.filesize {
-							line-height: math.div($name-height, 3);
-							width: 100%;
-						}
-						&.date {
-							align-self: center;
-							overflow: hidden;
-							text-overflow: ellipsis;
-							min-width: 110px;
-						}
-					}
-				}
-			}
-		}
-	}
-	.filepicker_element_selected {
-		background-color: var(--color-background-darker);
-	}
-}
-
 .ui-dialog {
 	position: fixed !important;
 }