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/authenticate.css | 27 | ||||
| -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 | 19 | ||||
| -rw-r--r-- | apps/files_sharing/css/mergedAdditionalStyles.scss | 2 | ||||
| -rw-r--r-- | apps/files_sharing/css/mobile.scss | 58 | ||||
| -rw-r--r-- | apps/files_sharing/css/public.scss | 230 | ||||
| -rw-r--r-- | apps/files_sharing/css/publicView.scss | 2 | ||||
| -rw-r--r-- | apps/files_sharing/css/sharebreadcrumb.scss | 34 | ||||
| -rw-r--r-- | apps/files_sharing/css/sharedfilelist.css | 3 | ||||
| -rw-r--r-- | apps/files_sharing/css/sharetabview.scss | 134 |
13 files changed, 31 insertions, 492 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/authenticate.css b/apps/files_sharing/css/authenticate.css deleted file mode 100644 index 7f83e0b41e7..00000000000 --- a/apps/files_sharing/css/authenticate.css +++ /dev/null @@ -1,27 +0,0 @@ -form fieldset { - display: flex !important; - flex-direction: column; -} - -#password { - margin-right: 0 !important; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - height: 45px; - box-sizing: border-box; - flex: 1 1 auto; - width: 100% !important; - min-width: 0; /* FF hack for to override default value */ -} - -input[type='submit'] { - width: 45px; - height: 45px; - margin-left: 0 !important; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -fieldset > p { - display: inline-flex; -} 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 new file mode 100644 index 00000000000..6dcbd14d478 --- /dev/null +++ b/apps/files_sharing/css/icons.scss @@ -0,0 +1,19 @@ +/*! + * 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 (SharingInput component) +// loaded by apps/files_sharing/lib/Listener/LoadAdditionalListener.php + +.icon-room { + background-image: var(--icon-talk-dark); +} + +.icon-circle { + background-image: var(--icon-circles-dark); +} + +.icon-guests { + background-image: var(--icon-user-dark); +}
\ No newline at end of file diff --git a/apps/files_sharing/css/mergedAdditionalStyles.scss b/apps/files_sharing/css/mergedAdditionalStyles.scss deleted file mode 100644 index a95ad59967f..00000000000 --- a/apps/files_sharing/css/mergedAdditionalStyles.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import 'sharetabview.scss'; -@import 'sharebreadcrumb.scss'; diff --git a/apps/files_sharing/css/mobile.scss b/apps/files_sharing/css/mobile.scss deleted file mode 100644 index 56f57d53263..00000000000 --- a/apps/files_sharing/css/mobile.scss +++ /dev/null @@ -1,58 +0,0 @@ -@media only screen and (max-width: 768px) { - -/* 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; -} - -// Hide Download label of 3-dot-menu on public share pages -.share-menutoggle-text { - display: none; -} -#header .menutoggle { - padding-right: 14px; - background-position: center; -} - -} diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss deleted file mode 100644 index 51c2bc9f4ce..00000000000 --- a/apps/files_sharing/css/public.scss +++ /dev/null @@ -1,230 +0,0 @@ -#content { - height: initial; - min-height: calc(100vh - 160px); -} - -#header .menutoggle { - padding: 14px; - padding-right: 40px; - background-position: right 15px center; - color: $color-primary-text; - cursor: pointer; -} - -/* force layout to make sure the content element's height matches its contents' height */ -.ie #content { - display: inline-block; -} - -#preview { - background: #fff; - 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, -#imgframe video { - max-height: 100% !important; - max-width: 100% !important; -} -#imgframe video { - width: 854px; - height: 480px; -} - -#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; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -#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; -} - -#directLink-container { - flex-wrap: wrap; -} - -#directLink { - margin-left: 30px; - flex-basis: 100%; -} - -/* 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; -} - -/* within #save */ -#save .save-form { - position: relative; - margin-right: -10px; -} - -#remote_address { - width: 200px; - margin-right: 4px; - height: 31px; -} - -#save-button-confirm { - position: absolute; - background-color: transparent; - border: none; - margin: 0; - right: 0px; - height: 40px; -} - -#public-upload .avatardiv { - margin: 0 auto; -} - -#emptycontent.has-disclaimer { - margin-top: 10vh; -} - -#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 .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: 160px; - margin: 5px auto; - text-align: left; -} - -#public-upload #emptycontent li { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding: 7px 0; -} - -#public-upload #emptycontent li img { - vertical-align: text-bottom; - margin-right: 5px; -} - -#public-upload li span.icon-loading-small { - padding-left: 18px; - margin-right: 7px; -} - -.disclaimer { - margin: -20px auto 30px; - max-width: 400px; - text-align: left; -} - -#header .header-shared-by { - display: inline-block; - color: $color-primary-text; - position: relative; - top: -10px; - font-weight: 300; - font-size: 11px; - opacity: .57; - margin-top: 10px; -} 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'; diff --git a/apps/files_sharing/css/sharebreadcrumb.scss b/apps/files_sharing/css/sharebreadcrumb.scss deleted file mode 100644 index f3096f45013..00000000000 --- a/apps/files_sharing/css/sharebreadcrumb.scss +++ /dev/null @@ -1,34 +0,0 @@ -/** - * @copyright 2016 Christoph Wurst <christoph@winzerhof-wurst.at> - * - * @author 2016 Christoph Wurst <christoph@winzerhof-wurst.at> - * - * @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/>. - * - */ - -div.crumb span.icon-shared, -div.crumb span.icon-public { - display: inline-block; - cursor: pointer; - opacity: 0.2; - margin-right: 6px; -} - -div.crumb span.icon-shared.shared, -div.crumb span.icon-public.shared { - opacity: 0.7; -} diff --git a/apps/files_sharing/css/sharedfilelist.css b/apps/files_sharing/css/sharedfilelist.css deleted file mode 100644 index 6b0c7d2226e..00000000000 --- a/apps/files_sharing/css/sharedfilelist.css +++ /dev/null @@ -1,3 +0,0 @@ -#filestable.shareList .summary .filesize { - display: none; -} diff --git a/apps/files_sharing/css/sharetabview.scss b/apps/files_sharing/css/sharetabview.scss deleted file mode 100644 index 6635546067b..00000000000 --- a/apps/files_sharing/css/sharetabview.scss +++ /dev/null @@ -1,134 +0,0 @@ -.app-files .shareTabView { - min-height: 100px; -} - -.shareTabView .oneline { - white-space: nowrap; - position: relative; -} - -.shareTabView .shareWithLoading { - padding-left: 10px; - right: 35px; - top: 0px; -} - -.shareTabView .shareWithRemoteInfo, -.shareTabView .linkPass .icon-loading-small { - position: absolute; - right: -7px; - top: -4px; - padding: 14px; -} - -.shareTabView .linkMore { - position: absolute; - right: -7px; - top: -4px; - padding: 14px; -} - -/* fix the popup menu because the button is shifted and then the menu is not aligned */ -.shareTabView .popovermenu.socialSharingMenu { - right: -7px; -} - -.shareTabView .popovermenu .clipboardButton { - position: relative; - top: initial; - right: initial; -} - -.shareTabView label { - white-space: nowrap; -} - -.shareTabView input[type="checkbox"] { - margin: 0 3px 0 8px; - vertical-align: middle; -} - -.shareTabView input[type="text"].shareWithField, -.shareTabView input[type="text"].emailField, -.shareTabView input[type="text"].linkText, -.shareTabView input[type="password"] { - width: 100%; - box-sizing: border-box; - padding-right: 32px; - text-overflow: ellipsis; -} - -.shareTabView form { - font-size: 100%; - margin-left: 0; - margin-right: 0; -} - -#shareWithList { - list-style-type: none; - padding: 0 0 16px; -} - -#shareWithList > li { - padding-top: 5px; - padding-bottom: 5px; - white-space: normal; - display: inline-flex; - align-items: center; -} - -#shareWithList .unshare img { - vertical-align: text-bottom; /* properly align icons */ -} - -#shareWithList .sharingOptionsGroup > a .icon { - padding: 7px; - vertical-align: middle; - opacity: .5; -} - -#shareWithList .sharingOptionsGroup .popovermenu:after { - right: 3px; -} - -#shareWithList label input[type=checkbox] { - margin-left: 0; - position: relative; -} -#shareWithList .username { - padding-right: 8px; - white-space: nowrap; - text-overflow: ellipsis; - display: inline-block; - overflow: hidden; - vertical-align: middle; -} -#shareWithList li .sharingOptionsGroup > .shareOption > label { - padding: 6px; - margin-right: 8px; - vertical-align: text-top; -} - -.shareTabView .icon-loading-small { - display: inline-block; - z-index: 1; - vertical-align: text-top; -} - -.shareTabView .shareWithList .icon-loading-small:not(.hidden) + span, -.shareTabView .linkShareView .icon-loading-small:not(.hidden) + input + label:before { - /* Hide if loader is visible */ - display: none !important; -} - -.linkShareView { - margin-top: 16px; -} - -.shareTabView .linkPass .icon-loading-small { - margin-right: 0px; -} - -.shareTabView .icon { - background-size: 16px 16px; -} |