From 7ed04128c4fa9c2d96a9e93417b57cead51bf4f5 Mon Sep 17 00:00:00 2001 From: Ferdinand Thiessen Date: Thu, 24 Aug 2023 04:25:10 +0200 Subject: [PATCH] chore: Remove now unneeded filepicker styles Signed-off-by: Ferdinand Thiessen --- core/css/mobile.scss | 15 --- core/css/styles.scss | 253 ------------------------------------------- 2 files changed, 268 deletions(-) diff --git a/core/css/mobile.scss b/core/css/mobile.scss index 228166f3303..4ea28799786 100644 --- a/core/css/mobile.scss +++ b/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 */ } diff --git a/core/css/styles.scss b/core/css/styles.scss index e9410c9df75..76776a08743 100644 --- a/core/css/styles.scss +++ b/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; }