diff options
Diffstat (limited to 'apps/files_sharing/css')
| -rw-r--r-- | apps/files_sharing/css/404.css | 7 | ||||
| -rw-r--r-- | apps/files_sharing/css/icons.css | 4 | ||||
| -rw-r--r-- | apps/files_sharing/css/icons.css.map | 1 | ||||
| -rw-r--r-- | apps/files_sharing/css/icons.css.map.license | 2 | ||||
| -rw-r--r-- | apps/files_sharing/css/icons.scss | 35 | ||||
| -rw-r--r-- | apps/files_sharing/css/mobile.scss | 60 | ||||
| -rw-r--r-- | apps/files_sharing/css/public.scss | 227 | ||||
| -rw-r--r-- | apps/files_sharing/css/publicView.scss | 2 |
8 files changed, 23 insertions, 315 deletions
diff --git a/apps/files_sharing/css/404.css b/apps/files_sharing/css/404.css index 2ed81df3b86..7542c7cfae1 100644 --- a/apps/files_sharing/css/404.css +++ b/apps/files_sharing/css/404.css @@ -1,6 +1,9 @@ - +/** + * SPDX-FileCopyrightText: 2013 ownCloud, Inc. + * SPDX-License-Identifier: AGPL-3.0-or-later + */ #body-login .error-broken-link{ - text-align:left;color:#fff; + text-align:start;color:#fff; } #body-login .error-broken-link ul{ diff --git a/apps/files_sharing/css/icons.css b/apps/files_sharing/css/icons.css new file mode 100644 index 00000000000..3a81b66561f --- /dev/null +++ b/apps/files_sharing/css/icons.css @@ -0,0 +1,4 @@ +/*! + * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors + * SPDX-License-Identifier: AGPL-3.0-or-later + */.icon-room{background-image:var(--icon-talk-dark)}.icon-circle{background-image:var(--icon-circles-dark)}.icon-guests{background-image:var(--icon-user-dark)}/*# sourceMappingURL=icons.css.map */ diff --git a/apps/files_sharing/css/icons.css.map b/apps/files_sharing/css/icons.css.map new file mode 100644 index 00000000000..8a0933ead82 --- /dev/null +++ b/apps/files_sharing/css/icons.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["icons.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAQA,WACC,uCAGD,aACC,0CAGD,aACC","file":"icons.css"}
\ No newline at end of file diff --git a/apps/files_sharing/css/icons.css.map.license b/apps/files_sharing/css/icons.css.map.license new file mode 100644 index 00000000000..cbd71b0f672 --- /dev/null +++ b/apps/files_sharing/css/icons.css.map.license @@ -0,0 +1,2 @@ +SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors +SPDX-License-Identifier: AGPL-3.0-or-later diff --git a/apps/files_sharing/css/icons.scss b/apps/files_sharing/css/icons.scss index 002235b6e32..6dcbd14d478 100644 --- a/apps/files_sharing/css/icons.scss +++ b/apps/files_sharing/css/icons.scss @@ -1,32 +1,19 @@ -/** - * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com> - * - * @author John Molakvoæ <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/>. - * +/*! + * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors + * SPDX-License-Identifier: AGPL-3.0-or-later */ -// This is the icons used in the sharing ui (multiselect) +// This is the icons used in the sharing ui (SharingInput component) +// loaded by apps/files_sharing/lib/Listener/LoadAdditionalListener.php + .icon-room { - @include icon-color('app', 'spreed', $color-black); + background-image: var(--icon-talk-dark); } + .icon-circle { - @include icon-color('circles', 'circles', $color-black, 3, false); + background-image: var(--icon-circles-dark); } + .icon-guests { - @include icon-color('app', 'guests', $color-black); + background-image: var(--icon-user-dark); }
\ No newline at end of file diff --git a/apps/files_sharing/css/mobile.scss b/apps/files_sharing/css/mobile.scss deleted file mode 100644 index 0202fdd08d1..00000000000 --- a/apps/files_sharing/css/mobile.scss +++ /dev/null @@ -1,60 +0,0 @@ -@media only screen and (max-width: $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#headerSize, -table td.filesize, -table th#headerDate, -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; - margin-bottom: 35px; -} -/* some margin for the file type icon */ -#imgframe .publicpreview { - margin-top: 32px; -} - -/* some padding for better clickability */ -#fileList a.action img { - padding: 0 6px 0 12px; -} -/* hide text of the actions on mobile */ -#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-right: 14px; - background-position: center; -} -.note { - padding: 0 20px; -} - -#emptycontent { - margin-top: 10vh; -} -} diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss deleted file mode 100644 index 3b53b1ce2a7..00000000000 --- a/apps/files_sharing/css/public.scss +++ /dev/null @@ -1,227 +0,0 @@ -#preview { - text-align: center; -} - -#preview .notCreatable { - display: none; -} - -#noPreview { - display:none; - padding-top:80px; -} - -#imgframe { - height:75%; - padding-bottom:32px; - padding-top:32px; - width:80%; - margin:0 auto; -} - - -#imgframe img { - max-height: 100% !important; - max-width: 100% !important; -} - -#imgframe audio { - display: block; - margin-left: auto; - margin-right: auto; -} - -#imgframe .text-preview { - display: inline-block; - position: relative; - text-align: left; - white-space: pre-wrap; - overflow-y: hidden; - height: auto; - min-height: 200px; - max-height: 800px; -} - -#imgframe .ellipsis { - font-size: 1.2em; -} - -/* fix multiselect bar offset on shared page */ -thead { - left: 0 !important; -} - -#data-upload-form { - position: relative; - right: 0; - height: 32px; - overflow: hidden; - padding: 0; - float: right; - display: inline; - margin: 0; -} - -/* keep long file names in one line to not overflow download button on mobile */ -.directDownload #downloadFile { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 90%; - display: inline-block; - margin-left: auto; - margin-right: auto; -} - -.download-size { - opacity: .5; -} - -/* header buttons */ -#details { - display: inline-flex; -} -#details button, -#details input, -#details .button { - margin: 0 5px; - line-height: normal; -} -#details button:hover, -#details input:hover, -#details .button:hover { - /* No */ - border-color: rgba(0,0,0,0.3) !important; -} - -#public-upload .avatardiv { - margin: 0 auto; -} - -#emptycontent { - &.has-note { - margin-top: 5vh; - } -} - -#public-upload #emptycontent h2 { - margin: 10px 0 5px 0; -} - -#public-upload #emptycontent h2+p { - margin-bottom: 30px; -} - -#public-upload #emptycontent .icon-folder { - height: 16px; - width: 16px; - background-size: 16px; - display: inline-block; - vertical-align: text-top; - margin-bottom: 0; - margin-right: 5px; - opacity: 1; -} - -#public-upload #emptycontent #displayavatar .icon-folder { - height: 48px; - width: 48px; - background-size: 48px; -} - -#public-upload #emptycontent .button { - display: inline-block; - height: auto; - width: auto; - background-size: 16px; - background-position: 16px; - opacity: .7; - font-size: 20px; - line-height: initial; - margin: 20px; - padding: 10px 20px; - padding-left: 42px; -} - -#public-upload #emptycontent ul { - width: 230px; - margin: 5px auto 5vh; - text-align: left; -} - -#public-upload #emptycontent li { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding: 7px 0; -} - -#public-upload #emptycontent li img { - margin-right: 5px; - position: relative; - top: 2px; -} - -#drop-upload-progress-indicator span.icon-loading-small { - padding-left: 18px; - margin-right: 7px; -} - -#drop-uploaded-files li #drop-upload-name { - float: left; - max-width: 180px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -#drop-uploaded-files li #drop-upload-status { - float: right; -} - -.disclaimer, -.note { - margin: 0 auto 30px; - max-width: 400px; - text-align: left; -} - -#note-content { - padding: 5px; - display:inline-block; - width: 350px; - .content { - overflow: auto; - max-height: 200px; - } -} - -#show-terms-dialog { - cursor: pointer; - font-weight: bold; -} - -// hide the download entry on the menu -// on public share when NOT on mobile -@media only screen and (min-width: $breakpoint-mobile + 1) { - #body-public { - .header-right { - #header-actions-menu { - > ul > li#download { - display: none; - } - } - } - } -} - -// hide the primary on public share on mobile -@media only screen and (max-width: $breakpoint-mobile) { - #body-public { - .header-right { - #header-primary-action { - display: none; - } - } - } -} diff --git a/apps/files_sharing/css/publicView.scss b/apps/files_sharing/css/publicView.scss deleted file mode 100644 index 398fd1b0a37..00000000000 --- a/apps/files_sharing/css/publicView.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import 'public.scss'; -@import 'mobile.scss'; |