From 47d4844cb3b212af18a3b865c3f0ce5c06cf6962 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6?= Date: Wed, 31 Aug 2022 19:14:19 +0200 Subject: [PATCH] Use github source css for styleguide MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ --- styleguide.config.js | 2 +- .../{additional.scss => additional.css} | 9 +- styleguide/assets/server.css | 6116 ----------------- styleguide/assets/variables.css | 79 - .../NcAppSidebar/NcAppSidebarMixin.js | 7 +- 5 files changed, 8 insertions(+), 6205 deletions(-) rename styleguide/assets/{additional.scss => additional.css} (56%) delete mode 100644 styleguide/assets/server.css delete mode 100644 styleguide/assets/variables.css diff --git a/styleguide.config.js b/styleguide.config.js index 9e3a17fded..fd16078623 100644 --- a/styleguide.config.js +++ b/styleguide.config.js @@ -16,7 +16,7 @@ module.exports = { require: [ path.join(__dirname, 'styleguide/global.requires.js'), path.join(__dirname, 'styleguide/assets/icons.css'), - path.join(__dirname, 'styleguide/assets/additional.scss'), + path.join(__dirname, 'styleguide/assets/additional.css'), ], pagePerSection: true, minimize: true, diff --git a/styleguide/assets/additional.scss b/styleguide/assets/additional.css similarity index 56% rename from styleguide/assets/additional.scss rename to styleguide/assets/additional.css index 7e45b88c27..d174689cd6 100644 --- a/styleguide/assets/additional.scss +++ b/styleguide/assets/additional.css @@ -1,9 +1,8 @@ -@import 'server.css'; +@import url('https://nextcloud.github.io/server/apps/theming/css/default.css'); +@import url('https://nextcloud.github.io/server/core/css/server.css'); -div[data-preview] { - * { - box-sizing: border-box; - } +div[data-preview] * { + box-sizing: border-box; } body { diff --git a/styleguide/assets/server.css b/styleguide/assets/server.css deleted file mode 100644 index 1cfa800694..0000000000 --- a/styleguide/assets/server.css +++ /dev/null @@ -1,6116 +0,0 @@ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @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 . - * - */ -/** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * - * @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 . - * - */ -/** - * Removes the "#" from a color. - * - * @param string $color The color - * @return string The color without # - */ -/** - * Calculates the URL to the svg under the SVG API. - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int [$version] the version of the file - * @param bool [$core] search icon in core - * @return string The URL to the svg. - */ -/** - * SVG COLOR API - * - * @param string $icon the icon filename - * @param string $dir the icon folder within /core/img if $core or app name - * @param string $color the desired color in hexadecimal - * @param int $version the version of the file - * @param bool [$core] search icon in core - * - * @returns A background image with the url to the set to the requested icon. - */ -/** - * Create black and white icons - * This will add a default black version of and an additional white version when .icon-white is applied - */ -/** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Lukas Reschke - * @copyright Copyright (c) 2016, Robin Appelman - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, Joas Schilling - * @copyright Copyright (c) 2016, Morris Jobke - * @copyright Copyright (c) 2016, Christoph Wurst - * @copyright Copyright (c) 2016, Raghu Nayyar - * @copyright Copyright (c) 2011-2017, Jan-Christoph Borchardt - * @copyright Copyright (c) 2019-2020, Gary Kim - * - * @license GNU AGPL version 3 or any later version - * - */ -/* line 17, /var/www/nextcloud/core/css/styles.scss */ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-weight: inherit; - font-size: 100%; - font-family: inherit; - vertical-align: baseline; - cursor: default; - scrollbar-color: var(--color-border-dark) transparent; - scrollbar-width: thin; - } - /* line 31, /var/www/nextcloud/core/css/styles.scss */ - html, body { - height: 100%; - } - /* line 35, /var/www/nextcloud/core/css/styles.scss */ - article, aside, dialog, figure, footer, header, hgroup, nav, section { - display: block; - } - /* line 39, /var/www/nextcloud/core/css/styles.scss */ - body { - line-height: 1.5; - } - /* line 43, /var/www/nextcloud/core/css/styles.scss */ - table { - border-collapse: separate; - border-spacing: 0; - white-space: nowrap; - } - /* line 49, /var/www/nextcloud/core/css/styles.scss */ - caption, th, td { - text-align: left; - font-weight: normal; - } - /* line 54, /var/www/nextcloud/core/css/styles.scss */ - table, td, th { - vertical-align: middle; - } - /* line 58, /var/www/nextcloud/core/css/styles.scss */ - a { - border: 0; - color: var(--color-main-text); - text-decoration: none; - cursor: pointer; - } - /* line 63, /var/www/nextcloud/core/css/styles.scss */ - a * { - cursor: pointer; - } - /* line 68, /var/www/nextcloud/core/css/styles.scss */ - a.external { - margin: 0 3px; - text-decoration: underline; - } - /* line 73, /var/www/nextcloud/core/css/styles.scss */ - input { - cursor: pointer; - } - /* line 75, /var/www/nextcloud/core/css/styles.scss */ - input * { - cursor: pointer; - } - /* line 80, /var/www/nextcloud/core/css/styles.scss */ - select, .button span, label { - cursor: pointer; - } - /* line 84, /var/www/nextcloud/core/css/styles.scss */ - ul { - list-style: none; - } - /* line 88, /var/www/nextcloud/core/css/styles.scss */ - body { - background-color: var(--color-main-background); - font-weight: normal; - /* bring the default font size up to 15px */ - font-size: 0.9375em; - line-height: 1.6em; - font-family: var(--font-face); - color: var(--color-main-text); - } - /* line 98, /var/www/nextcloud/core/css/styles.scss */ - .two-factor-header { - text-align: center; - } - /* line 102, /var/www/nextcloud/core/css/styles.scss */ - .two-factor-provider { - text-align: center; - width: 258px !important; - display: inline-block; - margin-bottom: 0 !important; - background-color: var(--color-background-darker) !important; - border: none !important; - } - /* line 111, /var/www/nextcloud/core/css/styles.scss */ - .two-factor-link { - display: inline-block; - padding: 12px; - color: var(--color-text-lighter); - } - /* line 117, /var/www/nextcloud/core/css/styles.scss */ - .float-spinner { - height: 32px; - display: none; - } - /* line 122, /var/www/nextcloud/core/css/styles.scss */ - #nojavascript { - position: fixed; - top: 0; - bottom: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 9000; - text-align: center; - background-color: var(--color-background-darker); - color: var(--color-primary-text); - line-height: 125%; - font-size: 24px; - } - /* line 135, /var/www/nextcloud/core/css/styles.scss */ - #nojavascript div { - display: block; - position: relative; - width: 50%; - top: 35%; - margin: 0px auto; - } - /* line 142, /var/www/nextcloud/core/css/styles.scss */ - #nojavascript a { - color: var(--color-primary-text); - border-bottom: 2px dotted var(--color-main-background); - } - /* line 145, /var/www/nextcloud/core/css/styles.scss */ - #nojavascript a:hover, #nojavascript a:focus { - color: var(--color-primary-text-dark); - } - /* SCROLLING */ - /* line 153, /var/www/nextcloud/core/css/styles.scss */ - ::-webkit-scrollbar { - width: 12px; - height: 12px; - } - /* line 158, /var/www/nextcloud/core/css/styles.scss */ - ::-webkit-scrollbar-track-piece { - background-color: transparent; - } - /* line 162, /var/www/nextcloud/core/css/styles.scss */ - ::-webkit-scrollbar-thumb { - background: var(--color-border-dark); - border-radius: var(--border-radius-large); - border: 2px solid transparent; - background-clip: content-box; - } - /* SELECTION */ - /* line 172, /var/www/nextcloud/core/css/styles.scss */ - ::selection { - background-color: var(--color-primary-element); - color: var(--color-primary-text); - } - /* CONTENT ------------------------------------------------------------------ */ - /* line 180, /var/www/nextcloud/core/css/styles.scss */ - #controls { - box-sizing: border-box; - position: -webkit-sticky; - position: sticky; - height: 44px; - padding: 0; - margin: 0; - background-color: var(--color-main-background-translucent); - z-index: 61; - /* must be above the filelist sticky header */ - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: flex; - top: 50px; - } - /* position controls for apps with app-navigation */ - /* line 198, /var/www/nextcloud/core/css/styles.scss */ - .viewer-mode #app-navigation + #app-content #controls { - left: 0; - } - /* line 202, /var/www/nextcloud/core/css/styles.scss */ - #app-navigation * { - box-sizing: border-box; - } - /* line 206, /var/www/nextcloud/core/css/styles.scss */ - /* line 207, /var/www/nextcloud/core/css/styles.scss */ - /* line 209, /var/www/nextcloud/core/css/styles.scss */ - #controls .actions > div > .button, #controls .actions > .button, #controls .actions > div button, #controls .actions button { - box-sizing: border-box; - display: inline-block; - display: flex; - height: 36px; - width: 36px; - padding: 9px; - align-items: center; - justify-content: center; - } - /* line 219, /var/www/nextcloud/core/css/styles.scss */ - #controls .actions > div .button.hidden, #controls .actions .button.hidden { - display: none; - } - /* EMPTY CONTENT DISPLAY ------------------------------------------------------------ */ - /* line 227, /var/www/nextcloud/core/css/styles.scss */ - #emptycontent, .emptycontent { - color: var(--color-text-maxcontrast); - text-align: center; - margin-top: 30vh; - width: 100%; - } - /* line 233, /var/www/nextcloud/core/css/styles.scss */ - #app-sidebar #emptycontent, #app-sidebar .emptycontent { - margin-top: 10vh; - } - /* line 236, /var/www/nextcloud/core/css/styles.scss */ - #emptycontent .emptycontent-search, .emptycontent .emptycontent-search { - position: static; - } - /* line 239, /var/www/nextcloud/core/css/styles.scss */ - #emptycontent h2, .emptycontent h2 { - margin-bottom: 10px; - } - /* line 242, /var/www/nextcloud/core/css/styles.scss */ - #emptycontent [class^='icon-'], .emptycontent [class^='icon-'], #emptycontent [class*='icon-'], .emptycontent [class*='icon-'] { - background-size: 64px; - height: 64px; - width: 64px; - margin: 0 auto 15px; - } - /* line 248, /var/www/nextcloud/core/css/styles.scss */ - #emptycontent [class^='icon-']:not([class^='icon-loading']), .emptycontent [class^='icon-']:not([class^='icon-loading']), #emptycontent [class*='icon-']:not([class^='icon-loading']), .emptycontent [class*='icon-']:not([class^='icon-loading']), #emptycontent [class^='icon-']:not([class*='icon-loading']), .emptycontent [class^='icon-']:not([class*='icon-loading']), #emptycontent [class*='icon-']:not([class*='icon-loading']), .emptycontent [class*='icon-']:not([class*='icon-loading']) { - opacity: 0.4; - } - /* LOG IN & INSTALLATION ------------------------------------------------------------ */ - /* line 257, /var/www/nextcloud/core/css/styles.scss */ - #datadirContent label { - width: 100%; - } - /* strengthify wrapper */ - /* General new input field look */ - /* Nicely grouping input field sets */ - /* line 267, /var/www/nextcloud/core/css/styles.scss */ - .grouptop, .groupmiddle, .groupbottom { - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - /* Show password toggle */ - /* line 277, /var/www/nextcloud/core/css/styles.scss */ - #show, #dbpassword { - position: absolute; - right: 1em; - top: 0.8em; - float: right; - } - /* line 284, /var/www/nextcloud/core/css/styles.scss */ - #show + label, #dbpassword + label { - right: 21px; - top: 15px !important; - margin: -14px !important; - padding: 14px !important; - } - /* line 291, /var/www/nextcloud/core/css/styles.scss */ - #show:checked + label, #dbpassword:checked + label, #personal-show:checked + label { - opacity: 0.8; - } - /* line 295, /var/www/nextcloud/core/css/styles.scss */ - #show + label, #dbpassword + label, #personal-show + label { - position: absolute !important; - height: 20px; - width: 24px; - background-image: var(--icon-toggle-000); - background-repeat: no-repeat; - background-position: center; - opacity: 0.3; - } - /* Feedback for keyboard focus and mouse hover */ - /* line 306, /var/www/nextcloud/core/css/styles.scss */ - /* line 309, /var/www/nextcloud/core/css/styles.scss */ - #show:focus + label, #dbpassword:focus + label, #personal-show:focus + label { - opacity: 1; - } - /* line 312, /var/www/nextcloud/core/css/styles.scss */ - #show + label:hover, #dbpassword + label:hover, #personal-show + label:hover { - opacity: 1; - } - /* line 317, /var/www/nextcloud/core/css/styles.scss */ - #show + label:before, #dbpassword + label:before, #personal-show + label:before { - display: none; - } - /* line 321, /var/www/nextcloud/core/css/styles.scss */ - #pass2, input[name='personal-password-clone'] { - padding-right: 30px; - } - /* line 325, /var/www/nextcloud/core/css/styles.scss */ - .personal-show-container { - position: relative; - display: inline-block; - margin-right: 6px; - } - /* line 330, /var/www/nextcloud/core/css/styles.scss */ - #personal-show + label { - display: block; - right: 0; - margin-top: -43px; - margin-right: -4px; - padding: 22px; - } - /* Warnings and errors are the same */ - /* line 340, /var/www/nextcloud/core/css/styles.scss */ - #body-user .warning, #body-settings .warning { - margin-top: 8px; - padding: 5px; - border-radius: var(--border-radius); - color: var(--color-primary-text); - background-color: var(--color-warning); - } - /* line 348, /var/www/nextcloud/core/css/styles.scss */ - /* line 349, /var/www/nextcloud/core/css/styles.scss */ - .warning legend, .warning a { - color: var(--color-primary-text) !important; - font-weight: bold !important; - } - /* line 355, /var/www/nextcloud/core/css/styles.scss */ - /* line 356, /var/www/nextcloud/core/css/styles.scss */ - .error:not(.toastify) a { - color: white !important; - font-weight: bold !important; - } - /* line 359, /var/www/nextcloud/core/css/styles.scss */ - .error:not(.toastify) a.button { - color: var(--color-text-lighter) !important; - display: inline-block; - text-align: center; - } - /* line 365, /var/www/nextcloud/core/css/styles.scss */ - .error:not(.toastify) pre { - white-space: pre-wrap; - text-align: left; - } - /* line 371, /var/www/nextcloud/core/css/styles.scss */ - .error-wide { - width: 700px; - margin-left: -200px !important; - } - /* line 374, /var/www/nextcloud/core/css/styles.scss */ - .error-wide .button { - color: black !important; - } - /* line 379, /var/www/nextcloud/core/css/styles.scss */ - .warning-input { - border-color: var(--color-error) !important; - } - /* fixes for update page TODO should be fixed some time in a proper way */ - /* this is just for an error while updating the ownCloud instance */ - /* Alternative Logins */ - /* line 388, /var/www/nextcloud/core/css/styles.scss */ - /* line 389, /var/www/nextcloud/core/css/styles.scss */ - #alternative-logins legend { - margin-bottom: 10px; - } - /* line 392, /var/www/nextcloud/core/css/styles.scss */ - #alternative-logins li { - height: 40px; - display: inline-block; - white-space: nowrap; - } - /* Log in and install button */ - /* line 401, /var/www/nextcloud/core/css/styles.scss */ - #remember_login { - margin: 18px 5px 0 16px !important; - } - /* Sticky footer */ - /* round profile photos */ - /* line 409, /var/www/nextcloud/core/css/styles.scss */ - .avatar, .avatardiv { - border-radius: 50%; - flex-shrink: 0; - } - /* line 412, /var/www/nextcloud/core/css/styles.scss */ - .avatar > img, .avatardiv > img { - border-radius: 50%; - flex-shrink: 0; - } - /* line 418, /var/www/nextcloud/core/css/styles.scss */ - td.avatar { - border-radius: 0; - } - /* line 422, /var/www/nextcloud/core/css/styles.scss */ - #notification-container { - left: 50%; - max-width: 60%; - position: fixed; - top: 0; - text-align: center; - transform: translateX(-50%); - z-index: 8000; - } - /* line 432, /var/www/nextcloud/core/css/styles.scss */ - #notification { - margin: 0 auto; - z-index: 8000; - background-color: var(--color-main-background); - border: 0; - padding: 1px 8px; - display: none; - position: relative; - top: 0; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - opacity: 0.9; - overflow-x: hidden; - overflow-y: auto; - max-height: 100px; - } - /* line 444, /var/www/nextcloud/core/css/styles.scss */ - #notification span { - cursor: pointer; - margin-left: 1em; - } - /* line 451, /var/www/nextcloud/core/css/styles.scss */ - #notification .row { - position: relative; - } - /* line 453, /var/www/nextcloud/core/css/styles.scss */ - #notification .row .close { - display: inline-block; - vertical-align: middle; - position: absolute; - right: 0; - top: 0; - margin-top: 2px; - } - /* line 461, /var/www/nextcloud/core/css/styles.scss */ - #notification .row.closeable { - padding-right: 20px; - } - /* line 467, /var/www/nextcloud/core/css/styles.scss */ - tr .action:not(.permanent), .selectedActions a { - opacity: 0; - } - /* line 471, /var/www/nextcloud/core/css/styles.scss */ - /* line 472, /var/www/nextcloud/core/css/styles.scss */ - tr:hover .action:not(.menuitem), tr:focus .action:not(.menuitem), tr .action.permanent:not(.menuitem) { - opacity: 0.5; - } - /* line 479, /var/www/nextcloud/core/css/styles.scss */ - .selectedActions a { - opacity: 0.5; - } - /* line 483, /var/www/nextcloud/core/css/styles.scss */ - tr .action { - width: 16px; - height: 16px; - } - /* line 488, /var/www/nextcloud/core/css/styles.scss */ - .header-action { - opacity: 0.8; - } - /* line 492, /var/www/nextcloud/core/css/styles.scss */ - /* line 493, /var/www/nextcloud/core/css/styles.scss */ - tr:hover .action:hover, tr:focus .action:focus { - opacity: 1; - } - /* line 498, /var/www/nextcloud/core/css/styles.scss */ - /* line 499, /var/www/nextcloud/core/css/styles.scss */ - .selectedActions a:hover, .selectedActions a:focus { - opacity: 1; - } - /* line 504, /var/www/nextcloud/core/css/styles.scss */ - /* line 505, /var/www/nextcloud/core/css/styles.scss */ - .header-action:hover, .header-action:focus { - opacity: 1; - } - /* line 510, /var/www/nextcloud/core/css/styles.scss */ - /* line 511, /var/www/nextcloud/core/css/styles.scss */ - tbody tr:hover, tbody tr:focus, tbody tr:active { - background-color: var(--color-background-dark); - } - /* line 516, /var/www/nextcloud/core/css/styles.scss */ - code { - font-family: 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', monospace; - } - /* line 520, /var/www/nextcloud/core/css/styles.scss */ - .pager { - list-style: none; - float: right; - display: inline; - margin: 0.7em 13em 0 0; - } - /* line 525, /var/www/nextcloud/core/css/styles.scss */ - .pager li { - display: inline-block; - } - /* line 530, /var/www/nextcloud/core/css/styles.scss */ - .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { - overflow: hidden; - text-overflow: ellipsis; - } - /* line 535, /var/www/nextcloud/core/css/styles.scss */ - .ui-icon-circle-triangle-e { - background-image: url('/core/css/../img/actions/play-next.svg?v=1'); - } - /* line 539, /var/www/nextcloud/core/css/styles.scss */ - .ui-icon-circle-triangle-w { - background-image: url('/core/css/../img/actions/play-previous.svg?v=1'); - } - /* ---- jQuery UI datepicker ---- */ - /* line 544, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker { - margin-top: 10px; - padding: 4px 8px; - width: auto; - border-radius: var(--border-radius); - border: none; - z-index: 1600 !important; - } - /* line 552, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-state-default, .ui-widget.ui-datepicker .ui-widget-content .ui-state-default, .ui-widget.ui-datepicker .ui-widget-header .ui-state-default { - border: 1px solid transparent; - background: inherit; - } - /* line 558, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-widget-header { - padding: 7px; - font-size: 13px; - border: none; - background-color: var(--color-main-background); - color: var(--color-main-text); - } - /* line 565, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-widget-header .ui-datepicker-title { - line-height: 1; - font-weight: normal; - } - /* line 569, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-widget-header .ui-icon { - opacity: 0.5; - } - /* line 572, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { - background: url('/core/css/../img/actions/arrow-right.svg') center center no-repeat; - } - /* line 575, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { - background: url('/core/css/../img/actions/arrow-left.svg') center center no-repeat; - } - /* line 579, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-widget-header .ui-state-hover .ui-icon { - opacity: 1; - } - /* line 583, /var/www/nextcloud/core/css/styles.scss */ - /* line 584, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-datepicker-calendar th { - font-weight: normal; - color: var(--color-text-lighter); - opacity: 0.8; - width: 26px; - padding: 2px; - } - /* line 591, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-datepicker-calendar tr:hover { - background-color: inherit; - } - /* line 594, /var/www/nextcloud/core/css/styles.scss */ - /* line 595, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:not(.ui-state-hover) { - background-color: var(--color-background-darker); - } - /* line 599, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active, .ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-hover, .ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-state-focus { - background-color: var(--color-primary); - color: var(--color-primary-text); - font-weight: bold; - } - /* line 607, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:not(.ui-state-disabled) :not(.ui-state-hover), .ui-widget.ui-datepicker .ui-datepicker-calendar td .ui-priority-secondary:not(.ui-state-hover) { - color: var(--color-text-lighter); - opacity: 0.8; - } - /* line 616, /var/www/nextcloud/core/css/styles.scss */ - .ui-datepicker-prev, .ui-datepicker-next { - border: var(--color-border-dark); - background: var(--color-main-background); - } - /* ---- jQuery UI timepicker ---- */ - /* line 623, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker { - margin-top: 10px !important; - width: auto !important; - border-radius: var(--border-radius); - z-index: 1600 !important; - } - /* line 629, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker .ui-widget-content { - border: none !important; - } - /* line 633, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker .ui-state-default, .ui-widget.ui-timepicker .ui-widget-content .ui-state-default, .ui-widget.ui-timepicker .ui-widget-header .ui-state-default { - border: 1px solid transparent; - background: inherit; - } - /* line 639, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker .ui-widget-header { - padding: 7px; - font-size: 13px; - border: none; - background-color: var(--color-main-background); - color: var(--color-main-text); - } - /* line 646, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker .ui-widget-header .ui-timepicker-title { - line-height: 1; - font-weight: normal; - /* AM/PM fix */ - } - /* line 652, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker table.ui-timepicker tr .ui-timepicker-hour-cell:first-child { - margin-left: 30px; - } - /* line 655, /var/www/nextcloud/core/css/styles.scss */ - /* line 656, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker .ui-timepicker-table th { - font-weight: normal; - color: var(--color-text-lighter); - opacity: 0.8; - } - /* line 660, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker .ui-timepicker-table th.periods { - padding: 0; - width: 30px; - line-height: 30px; - } - /* line 666, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker .ui-timepicker-table tr:hover { - background-color: inherit; - } - /* line 669, /var/www/nextcloud/core/css/styles.scss */ - /* line 670, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hour-cell a.ui-state-active, .ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minute-cell a.ui-state-active, .ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-hover, .ui-widget.ui-timepicker .ui-timepicker-table td .ui-state-focus { - background-color: var(--color-primary); - color: var(--color-primary-text); - font-weight: bold; - } - /* line 679, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-minutes:not(.ui-state-hover) { - color: var(--color-text-lighter); - } - /* line 683, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-timepicker .ui-timepicker-table td.ui-timepicker-hours { - border-right: 1px solid var(--color-border); - } - /* ---- jQuery UI datepicker & timepicker global rules ---- */ - /* line 691, /var/www/nextcloud/core/css/styles.scss */ - /* line 693, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-datepicker-calendar tr, .ui-widget.ui-timepicker table.ui-timepicker tr { - display: flex; - flex-wrap: nowrap; - justify-content: space-between; - } - /* line 697, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-datepicker-calendar tr td, .ui-widget.ui-timepicker table.ui-timepicker tr td { - flex: 1 1 auto; - margin: 0; - padding: 2px; - height: 26px; - width: 26px; - display: flex; - align-items: center; - justify-content: center; - } - /* line 706, /var/www/nextcloud/core/css/styles.scss */ - .ui-widget.ui-datepicker .ui-datepicker-calendar tr td > *, .ui-widget.ui-timepicker table.ui-timepicker tr td > * { - border-radius: 50%; - text-align: center; - font-weight: normal; - color: var(--color-main-text); - display: block; - line-height: 18px; - width: 18px; - height: 18px; - padding: 3px; - font-size: 0.9em; - } - /* ---- DIALOGS ---- */ - /* line 723, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content { - position: relative; - display: flex; - flex-direction: column; - } - /* line 728, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .dirtree { - flex-wrap: wrap; - padding-left: 12px; - padding-right: 0px; - box-sizing: border-box; - } - /* line 734, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .dirtree div:first-child a { - background-image: var(--icon-home-000); - background-repeat: no-repeat; - background-position: left center; - } - /* line 739, /var/www/nextcloud/core/css/styles.scss */ - /* line 740, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .dirtree span:not(:last-child) { - cursor: pointer; - } - /* line 743, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .dirtree span:last-child { - font-weight: bold; - } - /* line 746, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .dirtree span:not(:last-child)::after { - content: '>'; - padding: 3px; - /* Grid view toggle */ - } - /* line 754, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-view-toggle { - position: absolute; - background-color: transparent; - border: none; - margin: 0; - padding: 22px; - opacity: 0.5; - right: 0; - top: 0; - } - /* line 764, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-view-toggle:hover, #oc-dialog-filepicker-content #picker-view-toggle:focus { - opacity: 1; - } - /* line 771, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-showgridview:focus + #picker-view-toggle { - opacity: 1; - } - /* line 775, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .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; - } - /* line 791, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .actions.creatable .icon.icon-add { - background-image: var(--icon-add-000); - background-size: 16px 16px; - width: 34px; - height: 34px; - margin: 0px; - opacity: 0.5; - } - /* line 800, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .actions.creatable a { - width: 36px; - padding: 0px; - position: static; - } - /* line 806, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .actions.creatable .menu { - top: 100%; - margin: 10px; - margin-left: 1px; - } - /* line 810, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .actions.creatable .menu form { - display: flex; - margin: 10px; - } - /* line 818, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .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; - } - /* line 828, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .emptycontent { - color: var(--color-text-maxcontrast); - text-align: center; - margin-top: 80px; - width: 100%; - display: none; - } - /* line 835, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .filelist { - background-color: var(--color-main-background); - width: 100%; - } - /* line 839, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist { - /* prevent the filepicker to overflow */ - min-width: initial; - margin-bottom: 50px; - } - /* line 843, /var/www/nextcloud/core/css/styles.scss */ - /* line 844, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist thead tr { - border-bottom: 1px solid var(--color-border); - background-color: var(--color-main-background); - } - /* line 847, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist thead tr th { - width: 80%; - border: none; - } - /* line 853, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist th .columntitle { - display: block; - padding: 15px; - height: 50px; - box-sizing: border-box; - -moz-box-sizing: border-box; - vertical-align: middle; - } - /* line 861, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist th .columntitle.name { - padding-left: 5px; - margin-left: 50px; - } - /* line 866, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist th .sort-indicator { - width: 10px; - height: 8px; - margin-left: 5px; - display: inline-block; - vertical-align: text-bottom; - opacity: 0.3; - } - /* line 874, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist .sort-indicator.hidden, #oc-dialog-filepicker-content #picker-filestable.filelist th:hover .sort-indicator.hidden, #oc-dialog-filepicker-content #picker-filestable.filelist th:focus .sort-indicator.hidden { - visibility: hidden; - } - /* line 879, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist th:hover .sort-indicator.hidden, #oc-dialog-filepicker-content #picker-filestable.filelist th:focus .sort-indicator.hidden { - visibility: visible; - } - /* line 884, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist td { - padding: 14px; - border-bottom: 1px solid var(--color-border); - } - /* line 888, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist tr:last-child td { - border-bottom: none; - } - /* line 891, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist .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; - max-width: 0; - } - /* line 902, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts { - display: flex; - } - /* line 904, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts__first { - overflow: hidden; - white-space: pre; - text-overflow: ellipsis; - } - /* line 909, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist .filename .filename-parts__last { - white-space: pre; - } - /* line 914, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist .filesize, #oc-dialog-filepicker-content #picker-filestable.filelist .date { - width: 80px; - } - /* line 917, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist .filesize { - text-align: right; - } - /* line 920, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist.view-grid { - display: flex; - flex-direction: column; - } - /* line 927, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody { - display: grid; - grid-template-columns: repeat(auto-fill, 120px); - justify-content: space-around; - row-gap: 15px; - margin: 15px 0; - } - /* line 934, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr { - display: block; - position: relative; - border-radius: var(--border-radius); - padding: 10px; - display: flex; - flex-direction: column; - width: 100px; - } - /* line 944, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td { - border: none; - padding: 0; - text-align: center; - border-radius: var(--border-radius); - } - /* line 950, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filename { - padding: 100px 0 0 0; - background-position: center top; - background-size: contain; - line-height: 30px; - max-width: none; - } - /* line 956, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filename .filename-parts { - justify-content: center; - } - /* line 960, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.filesize { - line-height: 10px; - width: 100%; - } - /* line 964, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content #picker-filestable.filelist.view-grid tbody tr td.date { - display: none; - } - /* line 972, /var/www/nextcloud/core/css/styles.scss */ - #oc-dialog-filepicker-content .filepicker_element_selected { - background-color: var(--color-background-darker); - } - /* line 977, /var/www/nextcloud/core/css/styles.scss */ - .ui-dialog { - position: fixed !important; - } - /* line 981, /var/www/nextcloud/core/css/styles.scss */ - span.ui-icon { - float: left; - margin: 3px 7px 30px 0; - } - /* ---- CONTACTS MENU ---- */ - /* line 988, /var/www/nextcloud/core/css/styles.scss */ - /* line 989, /var/www/nextcloud/core/css/styles.scss */ - #contactsmenu .menutoggle { - background-size: 16px 16px; - padding: 14px; - cursor: pointer; - } - /* line 994, /var/www/nextcloud/core/css/styles.scss */ - #contactsmenu .menutoggle:hover, #contactsmenu .menutoggle:focus, #contactsmenu .menutoggle:active { - opacity: 1 !important; - } - /* line 1002, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu { - /* show 2.5 to 4.5 entries depending on the screen height */ - height: calc(100vh - 50px * 3); - max-height: calc(50px * 4.5 + 50px); - min-height: calc(50px * 3.5); - width: 350px; - } - /* line 1009, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .emptycontent { - margin-top: 5vh !important; - margin-bottom: 2vh; - } - /* line 1012, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .emptycontent .icon-loading, #header .header-right > div#contactsmenu > .menu .emptycontent .icon-search { - display: inline-block; - } - /* line 1018, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .content { - /* fixed max height of the parent container without the search input */ - height: calc(100vh - 50px * 3 - 50px); - max-height: calc(50px * 4.5); - min-height: calc(50px * 3.5 - 50px); - overflow-y: auto; - } - /* line 1025, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .content .footer { - text-align: center; - } - /* line 1028, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .content .footer a { - display: block; - width: 100%; - padding: 12px 0; - opacity: 0.5; - } - /* line 1037, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact { - display: flex; - position: relative; - align-items: center; - padding: 3px 3px 3px 10px; - border-bottom: 1px solid var(--color-border); - } - /* line 1044, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact :last-of-type { - border-bottom: none; - } - /* line 1048, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact .avatar { - height: 32px; - width: 32px; - display: inline-block; - } - /* line 1054, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact .body { - flex-grow: 1; - padding-left: 8px; - } - /* line 1058, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact .body div { - position: relative; - width: 100%; - } - /* line 1063, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact .body .full-name, #header .header-right > div#contactsmenu > .menu .contact .body .last-message { - /* TODO: don't use fixed width */ - max-width: 204px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - /* line 1070, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact .body .last-message { - opacity: 0.5; - } - /* line 1075, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact .top-action, #header .header-right > div#contactsmenu > .menu .contact .second-action, #header .header-right > div#contactsmenu > .menu .contact .other-actions { - width: 16px; - height: 16px; - padding: 14px; - opacity: 0.5; - cursor: pointer; - } - /* line 1082, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact .top-action :hover, #header .header-right > div#contactsmenu > .menu .contact .second-action :hover, #header .header-right > div#contactsmenu > .menu .contact .other-actions :hover { - opacity: 1; - /* actions menu */ - } - /* line 1088, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact .menu { - top: 47px; - margin-right: 13px; - } - /* line 1092, /var/www/nextcloud/core/css/styles.scss */ - #header .header-right > div#contactsmenu > .menu .contact .popovermenu::after { - right: 2px; - } - /* line 1099, /var/www/nextcloud/core/css/styles.scss */ - #contactsmenu-search { - width: calc(100% - 16px); - margin: 8px; - height: 34px; - } - /* ---- TOOLTIPS ---- */ - /* line 1107, /var/www/nextcloud/core/css/styles.scss */ - .extra-data { - padding-right: 5px !important; - } - /* ---- TAGS ---- */ - /* line 1113, /var/www/nextcloud/core/css/styles.scss */ - /* line 1114, /var/www/nextcloud/core/css/styles.scss */ - #tagsdialog .content { - width: 100%; - height: 280px; - } - /* line 1118, /var/www/nextcloud/core/css/styles.scss */ - #tagsdialog .scrollarea { - overflow: auto; - border: 1px solid var(--color-background-darker); - width: 100%; - height: 240px; - } - /* line 1124, /var/www/nextcloud/core/css/styles.scss */ - #tagsdialog .bottombuttons { - width: 100%; - height: 30px; - } - /* line 1127, /var/www/nextcloud/core/css/styles.scss */ - #tagsdialog .bottombuttons * { - float: left; - } - /* line 1131, /var/www/nextcloud/core/css/styles.scss */ - #tagsdialog .taglist li { - background: var(--color-background-dark); - padding: 0.3em 0.8em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -webkit-transition: background-color 500ms; - transition: background-color 500ms; - } - /* line 1139, /var/www/nextcloud/core/css/styles.scss */ - #tagsdialog .taglist li:hover, #tagsdialog .taglist li:active { - background: var(--color-background-darker); - } - /* line 1143, /var/www/nextcloud/core/css/styles.scss */ - #tagsdialog .addinput { - width: 90%; - clear: both; - } - /* ---- BREADCRUMB ---- */ - /* line 1150, /var/www/nextcloud/core/css/styles.scss */ - .breadcrumb { - display: inline-flex; - } - /* line 1153, /var/www/nextcloud/core/css/styles.scss */ - div.crumb { - display: inline-flex; - background-image: url('/core/css/../img/breadcrumb.svg?v=1'); - background-repeat: no-repeat; - background-position: right center; - height: 44px; - background-size: auto 24px; - flex: 0 0 auto; - order: 1; - padding-right: 7px; - } - /* line 1163, /var/www/nextcloud/core/css/styles.scss */ - div.crumb.crumbmenu { - order: 2; - position: relative; - } - /* line 1166, /var/www/nextcloud/core/css/styles.scss */ - div.crumb.crumbmenu a { - opacity: 0.5; - } - /* line 1169, /var/www/nextcloud/core/css/styles.scss */ - /* line 1171, /var/www/nextcloud/core/css/styles.scss */ - div.crumb.crumbmenu.canDropChildren .popovermenu, div.crumb.crumbmenu.canDrop .popovermenu { - display: block; - } - /* line 1176, /var/www/nextcloud/core/css/styles.scss */ - div.crumb.crumbmenu .popovermenu { - top: 100%; - margin-right: 3px; - } - /* line 1179, /var/www/nextcloud/core/css/styles.scss */ - div.crumb.crumbmenu .popovermenu ul { - max-height: 345px; - overflow-y: auto; - overflow-x: hidden; - padding-right: 5px; - } - /* line 1184, /var/www/nextcloud/core/css/styles.scss */ - div.crumb.crumbmenu .popovermenu ul li.canDrop span:first-child { - background-image: url('/core/css/../img/filetypes/folder-drag-accept.svg?v=1') !important; - } - /* line 1188, /var/www/nextcloud/core/css/styles.scss */ - div.crumb.crumbmenu .popovermenu .in-breadcrumb { - display: none; - } - /* line 1193, /var/www/nextcloud/core/css/styles.scss */ - div.crumb.hidden { - display: none; - } - /* line 1195, /var/www/nextcloud/core/css/styles.scss */ - div.crumb.hidden ~ .crumb { - order: 3; - } - /* line 1199, /var/www/nextcloud/core/css/styles.scss */ - div.crumb > a, div.crumb > span { - position: relative; - padding: 12px; - opacity: 0.5; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - flex: 0 0 auto; - max-width: 200px; - } - /* line 1211, /var/www/nextcloud/core/css/styles.scss */ - div.crumb > a.icon-home, div.crumb > span.icon-home, div.crumb > a.icon-delete, div.crumb > span.icon-delete { - text-indent: -9999px; - } - /* line 1217, /var/www/nextcloud/core/css/styles.scss */ - div.crumb > a[class^='icon-'] { - padding: 0; - width: 44px; - } - /* line 1223, /var/www/nextcloud/core/css/styles.scss */ - div.crumb:last-child { - font-weight: bold; - margin-right: 10px; - } - /* line 1227, /var/www/nextcloud/core/css/styles.scss */ - div.crumb:last-child a ~ span { - padding-left: 0; - } - /* line 1231, /var/www/nextcloud/core/css/styles.scss */ - div.crumb:hover, div.crumb:focus, div.crumb a:focus, div.crumb:active { - opacity: 1; - } - /* line 1234, /var/www/nextcloud/core/css/styles.scss */ - div.crumb:hover > a, div.crumb:focus > a, div.crumb a:focus > a, div.crumb:active > a, div.crumb:hover > span, div.crumb:focus > span, div.crumb a:focus > span, div.crumb:active > span { - opacity: 0.7; - } - /* some feedback for hover/tap on breadcrumbs */ - /* line 1243, /var/www/nextcloud/core/css/styles.scss */ - .appear { - opacity: 1; - -webkit-transition: opacity 500ms ease 0s; - -moz-transition: opacity 500ms ease 0s; - -ms-transition: opacity 500ms ease 0s; - -o-transition: opacity 500ms ease 0s; - transition: opacity 500ms ease 0s; - } - /* line 1250, /var/www/nextcloud/core/css/styles.scss */ - .appear.transparent { - opacity: 0; - } - /* LEGACY FIX only - do not use fieldsets for settings */ - /* line 1257, /var/www/nextcloud/core/css/styles.scss */ - /* line 1258, /var/www/nextcloud/core/css/styles.scss */ - fieldset.warning legend, fieldset.update legend { - top: 18px; - position: relative; - } - /* line 1262, /var/www/nextcloud/core/css/styles.scss */ - fieldset.warning legend + p, fieldset.update legend + p { - margin-top: 12px; - } - /* for IE10 */ - @-ms-viewport { - width: device-width; - } - /* hidden input type=file field */ - /* line 1275, /var/www/nextcloud/core/css/styles.scss */ - .hiddenuploadfield { - display: none; - width: 0; - height: 0; - opacity: 0; - } - /** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Morris Jobke - * @copyright Copyright (c) 2016, Joas Schilling - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, jowi - * @copyright Copyright (c) 2015, Joas Schilling - * @copyright Copyright (c) 2015, Hendrik Leppelsack - * @copyright Copyright (c) 2014-2017, Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - */ - /* Specifically override browser styles */ - /* line 16, /var/www/nextcloud/core/css/inputs.scss */ - input, textarea, select, button, div[contenteditable=true], div[contenteditable=false] { - font-family: var(--font-face); - } - /* line 19, /var/www/nextcloud/core/css/inputs.scss */ - .select2-container-multi .select2-choices .select2-search-field input, .select2-search input, .ui-widget { - font-family: var(--font-face) !important; - } - /* Simple selector to allow easy overriding */ - /* line 26, /var/www/nextcloud/core/css/inputs.scss */ - select, button:not(.button-vue), input, textarea, div[contenteditable=true], div[contenteditable=false] { - width: 130px; - min-height: 34px; - box-sizing: border-box; - } - /** - * color-text-lighter normal state - * color-text-lighter active state - * color-text-maxcontrast disabled state - */ - /* Default global values */ - /* line 44, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input, select, button:not(.button-vue), .button, input:not([type='range']), textarea, div[contenteditable=true], .pager li a { - margin: 3px 3px 3px 0; - padding: 7px 6px; - font-size: 13px; - background-color: var(--color-main-background); - color: var(--color-main-text); - border: 1px solid var(--color-border-dark); - outline: none; - border-radius: var(--border-radius); - cursor: text; - } - /* line 60, /var/www/nextcloud/core/css/inputs.scss */ - /* line 61, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input:not(:disabled):not(.primary):hover, select:not(:disabled):not(.primary):hover, button:not(:disabled):not(.primary):hover, .button:not(:disabled):not(.primary):hover, input:not([type='range']):not(:disabled):not(.primary):hover, textarea:not(:disabled):not(.primary):hover, div[contenteditable=true]:not(:disabled):not(.primary):hover, .pager li a:not(:disabled):not(.primary):hover, div.select2-drop .select2-search input:not(:disabled):not(.primary):focus, select:not(:disabled):not(.primary):focus, button:not(:disabled):not(.primary):focus, .button:not(:disabled):not(.primary):focus, input:not([type='range']):not(:disabled):not(.primary):focus, textarea:not(:disabled):not(.primary):focus, div[contenteditable=true]:not(:disabled):not(.primary):focus, .pager li a:not(:disabled):not(.primary):focus, div.select2-drop .select2-search input:not(:disabled):not(.primary).active, select:not(:disabled):not(.primary).active, button:not(:disabled):not(.primary).active, .button:not(:disabled):not(.primary).active, input:not([type='range']):not(:disabled):not(.primary).active, textarea:not(:disabled):not(.primary).active, div[contenteditable=true]:not(:disabled):not(.primary).active, .pager li a:not(:disabled):not(.primary).active { - /* active class used for multiselect */ - border-color: var(--color-primary-element); - outline: none; - } - /* line 68, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input:not(:disabled):not(.primary):active, select:not(:disabled):not(.primary):active, button:not(:disabled):not(.primary):not(.button-vue):active, input:not([type='range']):not(:disabled):not(.primary):active, textarea:not(:disabled):not(.primary):active, div[contenteditable=true]:not(:disabled):not(.primary):active, .pager li a:not(:disabled):not(.primary):active { - outline: none; - background-color: var(--color-main-background); - color: var(--color-text-light); - } - /* line 74, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input:disabled, select:disabled, button:disabled, .button:disabled, input:not([type='range']):disabled, textarea:disabled, div[contenteditable=true]:disabled, .pager li a:disabled { - background-color: var(--color-background-dark); - color: var(--color-text-maxcontrast); - cursor: default; - opacity: 0.5; - } - /* line 80, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input:required, select:required, button:required, .button:required, input:not([type='range']):required, textarea:required, div[contenteditable=true]:required, .pager li a:required { - box-shadow: none; - } - /* line 83, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input:invalid, select:invalid, button:invalid, .button:invalid, input:not([type='range']):invalid, textarea:invalid, div[contenteditable=true]:invalid, .pager li a:invalid { - box-shadow: none !important; - border-color: var(--color-error); - /* Primary action button, use sparingly */ - } - /* line 88, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input.primary, select.primary, button.primary, .button.primary, input:not([type='range']).primary, textarea.primary, div[contenteditable=true].primary, .pager li a.primary { - background-color: var(--color-primary-element); - border-color: var(--color-primary-element); - color: var(--color-primary-text); - cursor: pointer; - /* Apply border to primary button if on log in page (and not in a dark container) or if in header */ - } - /* line 95, /var/www/nextcloud/core/css/inputs.scss */ - #body-login :not(.body-login-container) div.select2-drop .select2-search input.primary, #body-login :not(.body-login-container) select.primary, #body-login :not(.body-login-container) button.primary, #body-login :not(.body-login-container) .button.primary, #body-login :not(.body-login-container) input:not([type='range']).primary, #body-login :not(.body-login-container) textarea.primary, #body-login :not(.body-login-container) div[contenteditable=true].primary, #body-login :not(.body-login-container) .pager li a.primary, #header div.select2-drop .select2-search input.primary, #header select.primary, #header button.primary, #header .button.primary, #header input:not([type='range']).primary, #header textarea.primary, #header div[contenteditable=true].primary, #header .pager li a.primary { - border-color: var(--color-primary-text); - } - /* line 100, /var/www/nextcloud/core/css/inputs.scss */ - /* line 101, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input.primary:not(:disabled):hover, select.primary:not(:disabled):hover, button.primary:not(:disabled):hover, .button.primary:not(:disabled):hover, input:not([type='range']).primary:not(:disabled):hover, textarea.primary:not(:disabled):hover, div[contenteditable=true].primary:not(:disabled):hover, .pager li a.primary:not(:disabled):hover, div.select2-drop .select2-search input.primary:not(:disabled):focus, select.primary:not(:disabled):focus, button.primary:not(:disabled):focus, .button.primary:not(:disabled):focus, input:not([type='range']).primary:not(:disabled):focus, textarea.primary:not(:disabled):focus, div[contenteditable=true].primary:not(:disabled):focus, .pager li a.primary:not(:disabled):focus, div.select2-drop .select2-search input.primary:not(:disabled):active, select.primary:not(:disabled):active, button.primary:not(:disabled):active, .button.primary:not(:disabled):active, input:not([type='range']).primary:not(:disabled):active, textarea.primary:not(:disabled):active, div[contenteditable=true].primary:not(:disabled):active, .pager li a.primary:not(:disabled):active { - background-color: var(--color-primary-element-light); - border-color: var(--color-primary-element-light); - } - /* line 107, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input.primary:not(:disabled):active, select.primary:not(:disabled):active, button.primary:not(:disabled):active, .button.primary:not(:disabled):active, input:not([type='range']).primary:not(:disabled):active, textarea.primary:not(:disabled):active, div[contenteditable=true].primary:not(:disabled):active, .pager li a.primary:not(:disabled):active { - color: var(--color-primary-text-dark); - } - /* line 111, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input.primary:disabled, select.primary:disabled, button.primary:disabled, .button.primary:disabled, input:not([type='range']).primary:disabled, textarea.primary:disabled, div[contenteditable=true].primary:disabled, .pager li a.primary:disabled { - background-color: var(--color-primary-element); - color: var(--color-primary-text-dark); - cursor: default; - } - /* line 120, /var/www/nextcloud/core/css/inputs.scss */ - div[contenteditable=false] { - margin: 3px 3px 3px 0; - padding: 7px 6px; - font-size: 13px; - background-color: var(--color-main-background); - color: var(--color-text-lighter); - border: 1px solid var(--color-background-darker); - outline: none; - border-radius: var(--border-radius); - background-color: var(--color-background-dark); - color: var(--color-text-lighter); - cursor: default; - opacity: 0.5; - } - /* Specific override */ - /* line 137, /var/www/nextcloud/core/css/inputs.scss */ - /* line 138, /var/www/nextcloud/core/css/inputs.scss */ - input:not([type='radio']):not([type='checkbox']):not([type='range']):not([type='submit']):not([type='button']):not([type='reset']):not([type='color']):not([type='file']):not([type='image']) { - -webkit-appearance: textfield; - -moz-appearance: textfield; - height: 34px; - } - /* line 144, /var/www/nextcloud/core/css/inputs.scss */ - input[type='radio'], input[type='checkbox'], input[type='file'], input[type='image'] { - height: auto; - width: auto; - /* Color input doesn't respect the initial height - so we need to set a custom one */ - } - /* line 153, /var/www/nextcloud/core/css/inputs.scss */ - input[type='color'] { - margin: 3px; - padding: 0 2px; - min-height: 30px; - width: 40px; - cursor: pointer; - } - /* line 160, /var/www/nextcloud/core/css/inputs.scss */ - input[type='hidden'] { - height: 0; - width: 0; - } - /* line 164, /var/www/nextcloud/core/css/inputs.scss */ - input[type='time'] { - width: initial; - } - /* 'Click' inputs */ - /* line 170, /var/www/nextcloud/core/css/inputs.scss */ - select, button:not(.button-vue), .button, input[type='button'], input[type='submit'], input[type='reset'] { - padding: 6px 12px; - width: auto; - min-height: 34px; - cursor: pointer; - box-sizing: border-box; - background-color: var(--color-background-dark); - } - /* line 182, /var/www/nextcloud/core/css/inputs.scss */ - select:disabled, button:disabled, .button:disabled, input[type='button']:disabled, input[type='submit']:disabled, input[type='reset']:disabled { - cursor: default; - } - /* line 186, /var/www/nextcloud/core/css/inputs.scss */ - /* line 188, /var/www/nextcloud/core/css/inputs.scss */ - select *, button *, .button * { - cursor: pointer; - } - /* line 192, /var/www/nextcloud/core/css/inputs.scss */ - /* line 193, /var/www/nextcloud/core/css/inputs.scss */ - select:disabled *, button:disabled *, .button:disabled * { - cursor: default; - } - /* Buttons */ - /* line 200, /var/www/nextcloud/core/css/inputs.scss */ - button, .button, input[type='button'], input[type='submit'], input[type='reset'] { - font-weight: bold; - border-radius: var(--border-radius-pill); - /* Get rid of the inside dotted line in Firefox */ - } - /* line 208, /var/www/nextcloud/core/css/inputs.scss */ - button::-moz-focus-inner, .button::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='submit']::-moz-focus-inner, input[type='reset']::-moz-focus-inner { - border: 0; - } - /* line 212, /var/www/nextcloud/core/css/inputs.scss */ - button.error, .button.error, input[type='button'].error, input[type='submit'].error, input[type='reset'].error { - background-color: var(--color-error) !important; - border-color: var(--color-error) !important; - color: #fff !important; - } - /* line 218, /var/www/nextcloud/core/css/inputs.scss */ - /* line 219, /var/www/nextcloud/core/css/inputs.scss */ - button > span, .button > span { - /* icon position inside buttons */ - } - /* line 221, /var/www/nextcloud/core/css/inputs.scss */ - button > span[class^='icon-'], .button > span[class^='icon-'], button > span[class*=' icon-'], .button > span[class*=' icon-'] { - display: inline-block; - vertical-align: text-bottom; - opacity: 0.5; - } - /* line 230, /var/www/nextcloud/core/css/inputs.scss */ - textarea, div[contenteditable=true] { - color: var(--color-main-text); - cursor: text; - font-family: inherit; - height: auto; - } - /* line 235, /var/www/nextcloud/core/css/inputs.scss */ - /* line 236, /var/www/nextcloud/core/css/inputs.scss */ - textarea:not(:disabled):active, div[contenteditable=true]:not(:disabled):active, textarea:not(:disabled):hover, div[contenteditable=true]:not(:disabled):hover, textarea:not(:disabled):focus, div[contenteditable=true]:not(:disabled):focus { - border-color: var(--color-background-darker) !important; - background-color: var(--color-main-background) !important; - } - /* line 245, /var/www/nextcloud/core/css/inputs.scss */ - div[contenteditable=false] { - color: var(--color-text-lighter); - font-family: inherit; - height: auto; - } - /* Override the ugly select arrow */ - /* line 252, /var/www/nextcloud/core/css/inputs.scss */ - select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: var(--icon-triangle-s-000) no-repeat right 4px center; - background-color: inherit; - outline: 0; - padding-right: 24px !important; - height: 34px; - } - /* Confirm inputs */ - /* line 265, /var/www/nextcloud/core/css/inputs.scss */ - /* line 266, /var/www/nextcloud/core/css/inputs.scss */ - /* line 269, /var/www/nextcloud/core/css/inputs.scss */ - input[type='text'] + .icon-confirm, input[type='password'] + .icon-confirm, input[type='email'] + .icon-confirm { - margin-left: -8px !important; - border-left-color: transparent !important; - border-radius: 0 var(--border-radius) var(--border-radius) 0 !important; - background-clip: padding-box; - /* Avoid background under border */ - background-color: var(--color-main-background) !important; - opacity: 1; - height: 34px; - width: 34px; - padding: 7px 6px; - cursor: pointer; - margin-right: 0; - } - /* line 282, /var/www/nextcloud/core/css/inputs.scss */ - input[type='text'] + .icon-confirm:disabled, input[type='password'] + .icon-confirm:disabled, input[type='email'] + .icon-confirm:disabled { - cursor: default; - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-confirm-fade-000); - /* only show confirm borders if input is not focused */ - } - /* line 289, /var/www/nextcloud/core/css/inputs.scss */ - /* line 290, /var/www/nextcloud/core/css/inputs.scss */ - /* line 291, /var/www/nextcloud/core/css/inputs.scss */ - input[type='text']:not(:active):not(:hover):not(:focus):invalid + .icon-confirm, input[type='password']:not(:active):not(:hover):not(:focus):invalid + .icon-confirm, input[type='email']:not(:active):not(:hover):not(:focus):invalid + .icon-confirm { - border-color: var(--color-error); - } - /* line 295, /var/www/nextcloud/core/css/inputs.scss */ - /* line 296, /var/www/nextcloud/core/css/inputs.scss */ - input[type='text']:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type='password']:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type='email']:not(:active):not(:hover):not(:focus) + .icon-confirm:active, input[type='text']:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type='password']:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type='email']:not(:active):not(:hover):not(:focus) + .icon-confirm:hover, input[type='text']:not(:active):not(:hover):not(:focus) + .icon-confirm:focus, input[type='password']:not(:active):not(:hover):not(:focus) + .icon-confirm:focus, input[type='email']:not(:active):not(:hover):not(:focus) + .icon-confirm:focus { - border-color: var(--color-primary-element) !important; - border-radius: var(--border-radius) !important; - } - /* line 301, /var/www/nextcloud/core/css/inputs.scss */ - input[type='text']:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type='password']:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type='email']:not(:active):not(:hover):not(:focus) + .icon-confirm:active:disabled, input[type='text']:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type='password']:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type='email']:not(:active):not(:hover):not(:focus) + .icon-confirm:hover:disabled, input[type='text']:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled, input[type='password']:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled, input[type='email']:not(:active):not(:hover):not(:focus) + .icon-confirm:focus:disabled { - border-color: var(--color-background-darker) !important; - } - /* line 307, /var/www/nextcloud/core/css/inputs.scss */ - /* line 310, /var/www/nextcloud/core/css/inputs.scss */ - input[type='text']:active + .icon-confirm, input[type='password']:active + .icon-confirm, input[type='email']:active + .icon-confirm, input[type='text']:hover + .icon-confirm, input[type='password']:hover + .icon-confirm, input[type='email']:hover + .icon-confirm, input[type='text']:focus + .icon-confirm, input[type='password']:focus + .icon-confirm, input[type='email']:focus + .icon-confirm { - border-color: var(--color-primary-element) !important; - border-left-color: transparent !important; - /* above previous input */ - z-index: 2; - } - /* Various Fixes */ - /* line 322, /var/www/nextcloud/core/css/inputs.scss */ - button img, .button img { - cursor: pointer; - } - /* line 326, /var/www/nextcloud/core/css/inputs.scss */ - select, .button.multiselect { - font-weight: normal; - } - /* Radio & Checkboxes */ - /* line 337, /var/www/nextcloud/core/css/inputs.scss */ - /* line 338, /var/www/nextcloud/core/css/inputs.scss */ - /* line 340, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio, input[type='radio'].radio, input[type='checkbox'].checkbox, input[type='radio'].checkbox { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - } - /* line 348, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio + label, input[type='radio'].radio + label, input[type='checkbox'].checkbox + label, input[type='radio'].checkbox + label { - user-select: none; - } - /* line 351, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio:disabled + label, input[type='radio'].radio:disabled + label, input[type='checkbox'].checkbox:disabled + label, input[type='radio'].checkbox:disabled + label, input[type='checkbox'].radio:disabled + label:before, input[type='radio'].radio:disabled + label:before, input[type='checkbox'].checkbox:disabled + label:before, input[type='radio'].checkbox:disabled + label:before { - cursor: default; - } - /* line 355, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio + label:before, input[type='radio'].radio + label:before, input[type='checkbox'].checkbox + label:before, input[type='radio'].checkbox + label:before { - content: ''; - display: inline-block; - height: 14px; - width: 14px; - vertical-align: middle; - border-radius: 50%; - margin: 0 6px 3px 3px; - border: 1px solid #878787; - } - /* line 365, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio:not(:disabled):not(:checked) + label:hover:before, input[type='radio'].radio:not(:disabled):not(:checked) + label:hover:before, input[type='checkbox'].checkbox:not(:disabled):not(:checked) + label:hover:before, input[type='radio'].checkbox:not(:disabled):not(:checked) + label:hover:before, input[type='checkbox'].radio:focus + label:before, input[type='radio'].radio:focus + label:before, input[type='checkbox'].checkbox:focus + label:before, input[type='radio'].checkbox:focus + label:before { - border-color: var(--color-primary-element); - } - /* line 369, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio:checked + label:before, input[type='radio'].radio:checked + label:before, input[type='checkbox'].checkbox:checked + label:before, input[type='radio'].checkbox:checked + label:before, input[type='checkbox'].radio.checkbox:indeterminate + label:before, input[type='radio'].radio.checkbox:indeterminate + label:before, input[type='checkbox'].checkbox.checkbox:indeterminate + label:before, input[type='radio'].checkbox.checkbox:indeterminate + label:before { - /* ^ :indeterminate have a strange behavior on radio, - so we respecified the checkbox class again to be safe */ - box-shadow: inset 0px 0px 0px 2px var(--color-main-background); - background-color: var(--color-primary-element); - border-color: var(--color-primary-element); - } - /* line 377, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio:disabled + label:before, input[type='radio'].radio:disabled + label:before, input[type='checkbox'].checkbox:disabled + label:before, input[type='radio'].checkbox:disabled + label:before { - border: 1px solid #878787; - background-color: #bababa !important; - /* override other status */ - } - /* line 381, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio:checked:disabled + label:before, input[type='radio'].radio:checked:disabled + label:before, input[type='checkbox'].checkbox:checked:disabled + label:before, input[type='radio'].checkbox:checked:disabled + label:before { - background-color: #bababa; - } - /* line 386, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio + label ~ em, input[type='radio'].radio + label ~ em, input[type='checkbox'].checkbox + label ~ em, input[type='radio'].checkbox + label ~ em { - display: inline-block; - margin-left: 25px; - } - /* line 390, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio + label ~ em:last-of-type, input[type='radio'].radio + label ~ em:last-of-type, input[type='checkbox'].checkbox + label ~ em:last-of-type, input[type='radio'].checkbox + label ~ em:last-of-type { - margin-bottom: 14px; - } - /* line 394, /var/www/nextcloud/core/css/inputs.scss */ - /* line 395, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].checkbox + label:before, input[type='radio'].checkbox + label:before { - border-radius: 1px; - height: 14px; - width: 14px; - box-shadow: none !important; - background-position: center; - } - /* line 402, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].checkbox:checked + label:before, input[type='radio'].checkbox:checked + label:before { - background-image: url('/core/css/../img/actions/checkbox-mark.svg'); - } - /* line 405, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].checkbox:indeterminate + label:before, input[type='radio'].checkbox:indeterminate + label:before { - background-image: url('/core/css/../img/actions/checkbox-mixed.svg'); - /* We do not use the nc-darken function as this is not supposed to be changed */ - } - /* line 411, /var/www/nextcloud/core/css/inputs.scss */ - /* line 413, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio--white + label:before, input[type='radio'].radio--white + label:before, input[type='checkbox'].checkbox--white + label:before, input[type='radio'].checkbox--white + label:before, input[type='checkbox'].radio--white:focus + label:before, input[type='radio'].radio--white:focus + label:before, input[type='checkbox'].checkbox--white:focus + label:before, input[type='radio'].checkbox--white:focus + label:before { - border-color: #bababa; - } - /* line 417, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio--white:not(:disabled):not(:checked) + label:hover:before, input[type='radio'].radio--white:not(:disabled):not(:checked) + label:hover:before, input[type='checkbox'].checkbox--white:not(:disabled):not(:checked) + label:hover:before, input[type='radio'].checkbox--white:not(:disabled):not(:checked) + label:hover:before { - border-color: #fff; - } - /* line 420, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio--white:checked + label:before, input[type='radio'].radio--white:checked + label:before, input[type='checkbox'].checkbox--white:checked + label:before, input[type='radio'].checkbox--white:checked + label:before { - box-shadow: inset 0px 0px 0px 2px var(--color-main-background); - background-color: #dbdbdb; - border-color: #dbdbdb; - } - /* line 425, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio--white:disabled + label:before, input[type='radio'].radio--white:disabled + label:before, input[type='checkbox'].checkbox--white:disabled + label:before, input[type='radio'].checkbox--white:disabled + label:before { - background-color: #bababa !important; - /* override other status */ - border-color: rgba(255, 255, 255, 1) !important; - /* override other status */ - } - /* line 429, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].radio--white:checked:disabled + label:before, input[type='radio'].radio--white:checked:disabled + label:before, input[type='checkbox'].checkbox--white:checked:disabled + label:before, input[type='radio'].checkbox--white:checked:disabled + label:before { - box-shadow: inset 0px 0px 0px 2px var(--color-main-background); - border-color: rgba(255, 255, 255, 1) !important; - /* override other status */ - background-color: #bababa; - } - /* line 435, /var/www/nextcloud/core/css/inputs.scss */ - /* line 436, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].checkbox--white:checked + label:before, input[type='radio'].checkbox--white:checked + label:before, input[type='checkbox'].checkbox--white:indeterminate + label:before, input[type='radio'].checkbox--white:indeterminate + label:before { - background-color: transparent !important; - /* Override default checked */ - border-color: #fff !important; - /* Override default checked */ - background-image: url('/core/css/../img/actions/checkbox-mark-white.svg'); - } - /* line 442, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].checkbox--white:indeterminate + label:before, input[type='radio'].checkbox--white:indeterminate + label:before { - background-image: url('/core/css/../img/actions/checkbox-mixed-white.svg'); - } - /* line 445, /var/www/nextcloud/core/css/inputs.scss */ - input[type='checkbox'].checkbox--white:disabled + label:before, input[type='radio'].checkbox--white:disabled + label:before { - opacity: 0.7; - /* No other choice for white background image */ - } - /* Select2 overriding. Merged to core with vendor stylesheet */ - /* line 453, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop { - margin-top: -2px; - background-color: var(--color-main-background); - } - /* line 456, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop.select2-drop-active { - border-color: var(--color-border-dark); - } - /* line 459, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .avatar { - display: inline-block; - margin-right: 8px; - vertical-align: middle; - } - /* line 463, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .avatar img { - cursor: pointer; - } - /* line 467, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-search input { - min-height: auto; - background: var(--icon-search-000) no-repeat right center !important; - background-origin: content-box !important; - } - /* line 472, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-results { - max-height: 250px; - margin: 0; - padding: 0; - } - /* line 476, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-results .select2-result-label { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - /* line 480, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-results .select2-result-label span { - cursor: pointer; - } - /* line 484, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-results .select2-result, div.select2-drop .select2-results .select2-no-results, div.select2-drop .select2-results .select2-searching { - position: relative; - display: list-item; - padding: 12px; - background-color: transparent; - cursor: pointer; - color: var(--color-text-lighter); - } - /* line 494, /var/www/nextcloud/core/css/inputs.scss */ - /* line 495, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-results .select2-result.select2-selected { - background-color: var(--color-background-dark); - } - /* line 499, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-drop .select2-results .select2-highlighted { - background-color: var(--color-background-dark); - color: var(--color-main-text); - } - /* line 505, /var/www/nextcloud/core/css/inputs.scss */ - /* line 507, /var/www/nextcloud/core/css/inputs.scss */ - .select2-chosen .avatar, #select2-drop .avatar, .select2-chosen .avatar img, #select2-drop .avatar img { - cursor: pointer; - } - /* line 512, /var/www/nextcloud/core/css/inputs.scss */ - /* line 513, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container-multi .select2-choices, div.select2-container-multi.select2-container-active .select2-choices { - box-shadow: none; - white-space: nowrap; - text-overflow: ellipsis; - background: var(--color-main-background); - color: var(--color-text-lighter) !important; - box-sizing: content-box; - border-radius: var(--border-radius); - border: 1px solid var(--color-border-dark); - margin: 0; - padding: 2px 0; - min-height: auto; - } - /* line 526, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container-multi .select2-choices .select2-search-choice, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice { - line-height: 20px; - padding-left: 5px; - } - /* line 529, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice.select2-search-choice-focus, div.select2-container-multi .select2-choices .select2-search-choice:hover, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:hover, div.select2-container-multi .select2-choices .select2-search-choice:active, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice:active, div.select2-container-multi .select2-choices .select2-search-choice, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice { - background-image: none; - background-color: var(--color-main-background); - color: var(--color-text-lighter); - border: 1px solid var(--color-border-dark); - } - /* line 538, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close, div.select2-container-multi.select2-container-active .select2-choices .select2-search-choice .select2-search-choice-close { - display: none; - } - /* line 542, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container-multi .select2-choices .select2-search-field input, div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input { - line-height: 20px; - } - /* line 544, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container-multi .select2-choices .select2-search-field input.select2-active, div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input.select2-active { - background: none !important; - } - /* line 550, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container { - margin: 3px 3px 3px 0; - } - /* line 552, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container.select2-container-multi .select2-choices { - display: flex; - flex-wrap: wrap; - } - /* line 555, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container.select2-container-multi .select2-choices li { - float: none; - } - /* line 559, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container a.select2-choice { - box-shadow: none; - white-space: nowrap; - text-overflow: ellipsis; - background: var(--color-main-background); - color: var(--color-text-lighter) !important; - box-sizing: content-box; - border-radius: var(--border-radius); - border: 1px solid var(--color-border-dark); - margin: 0; - padding: 2px 0; - padding-left: 6px; - min-height: auto; - } - /* line 572, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container a.select2-choice .select2-search-choice { - line-height: 20px; - padding-left: 5px; - background-image: none; - background-color: var(--color-background-dark); - border-color: var(--color-background-dark); - } - /* line 578, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container a.select2-choice .select2-search-choice .select2-search-choice-close { - display: none; - } - /* line 581, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container a.select2-choice .select2-search-choice.select2-search-choice-focus, div.select2-container a.select2-choice .select2-search-choice:hover { - background-color: var(--color-border); - border-color: var(--color-border); - } - /* line 587, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container a.select2-choice .select2-arrow { - background: none; - border-radius: 0; - border: none; - } - /* line 591, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container a.select2-choice .select2-arrow b { - background: var(--icon-triangle-s-000) no-repeat center !important; - opacity: 0.5; - } - /* line 596, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container a.select2-choice:hover .select2-arrow b, div.select2-container a.select2-choice:focus .select2-arrow b, div.select2-container a.select2-choice:active .select2-arrow b { - opacity: 0.7; - } - /* line 601, /var/www/nextcloud/core/css/inputs.scss */ - div.select2-container a.select2-choice .select2-search-field input { - line-height: 20px; - } - /* Vue v-select */ - /* line 608, /var/www/nextcloud/core/css/inputs.scss */ - .v-select { - margin: 3px 3px 3px 0; - display: inline-block; - } - /* line 611, /var/www/nextcloud/core/css/inputs.scss */ - .v-select .dropdown-toggle { - display: flex !important; - flex-wrap: wrap; - } - /* line 614, /var/www/nextcloud/core/css/inputs.scss */ - .v-select .dropdown-toggle .selected-tag { - line-height: 20px; - padding-left: 5px; - background-image: none; - background-color: var(--color-main-background); - color: var(--color-text-lighter); - border: 1px solid var(--color-border-dark); - display: inline-flex; - align-items: center; - } - /* line 623, /var/www/nextcloud/core/css/inputs.scss */ - .v-select .dropdown-toggle .selected-tag .close { - margin-left: 3px; - } - /* line 628, /var/www/nextcloud/core/css/inputs.scss */ - .v-select .dropdown-menu { - padding: 0; - } - /* line 630, /var/www/nextcloud/core/css/inputs.scss */ - .v-select .dropdown-menu li { - padding: 5px; - position: relative; - display: list-item; - background-color: transparent; - cursor: pointer; - color: var(--color-text-lighter); - } - /* line 637, /var/www/nextcloud/core/css/inputs.scss */ - .v-select .dropdown-menu li a { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - height: 25px; - padding: 3px 7px 4px 2px; - margin: 0; - cursor: pointer; - min-height: 1em; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: inline-flex; - align-items: center; - background-color: transparent !important; - color: inherit !important; - } - /* line 655, /var/www/nextcloud/core/css/inputs.scss */ - .v-select .dropdown-menu li a::before { - content: ' '; - background-image: var(--icon-checkmark-000); - background-repeat: no-repeat; - background-position: center; - min-width: 16px; - min-height: 16px; - display: block; - opacity: 0.5; - margin-right: 5px; - visibility: hidden; - } - /* line 668, /var/www/nextcloud/core/css/inputs.scss */ - .v-select .dropdown-menu li.highlight { - color: var(--color-main-text); - } - /* line 671, /var/www/nextcloud/core/css/inputs.scss */ - .v-select .dropdown-menu li.active > a { - background-color: var(--color-background-dark); - color: var(--color-main-text); - } - /* line 674, /var/www/nextcloud/core/css/inputs.scss */ - .v-select .dropdown-menu li.active > a::before { - visibility: visible; - } - /* Vue multiselect */ - /* line 684, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue { - margin: 1px 2px; - padding: 0 !important; - display: inline-block; - width: 160px; - position: relative; - background-color: var(--color-main-background); - } - /* line 691, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue.multiselect--active { - /* Opened: force display the input */ - } - /* line 693, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue.multiselect--active input.multiselect__input { - opacity: 1 !important; - cursor: text !important; - } - /* line 698, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue.multiselect--disabled, .multiselect.multiselect-vue.multiselect--disabled .multiselect__single { - background-color: var(--color-background-dark) !important; - } - /* line 702, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags { - /* space between tags and limit tag */ - display: flex; - flex-wrap: nowrap; - overflow: hidden; - border: 1px solid var(--color-border-dark); - cursor: pointer; - position: relative; - border-radius: var(--border-radius); - height: 34px; - /* tag wrapper */ - } - /* line 715, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap { - align-items: center; - display: inline-flex; - overflow: hidden; - max-width: 100%; - position: relative; - padding: 3px 5px; - flex-grow: 1; - /* no tags or simple select? Show input directly - input is used to display single value */ - } - /* line 725, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap:empty ~ input.multiselect__input { - opacity: 1 !important; - /* hide default empty text, show input instead */ - } - /* line 728, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap:empty ~ input.multiselect__input + span:not(.multiselect__single) { - display: none; - /* selected tag */ - } - /* line 733, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap .multiselect__tag { - flex: 1 0 0; - line-height: 20px; - padding: 1px 5px; - background-image: none; - color: var(--color-text-lighter); - border: 1px solid var(--color-border-dark); - display: inline-flex; - align-items: center; - border-radius: var(--border-radius); - /* require to override the default width - and force the tag to shring properly */ - min-width: 0; - max-width: 50%; - max-width: fit-content; - max-width: -moz-fit-content; - /* css hack, detect if more than two tags - if so, flex-basis is set to half */ - } - /* line 751, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap .multiselect__tag:only-child { - flex: 0 1 auto; - } - /* line 754, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap .multiselect__tag:not(:last-child) { - margin-right: 5px; - /* ellipsis the groups to be sure - we display at least two of them */ - } - /* line 759, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags .multiselect__tags-wrap .multiselect__tag > span { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - /* Single select default value */ - } - /* line 767, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags .multiselect__single { - padding: 8px 10px; - flex: 0 0 100%; - z-index: 1; - /* above input */ - background-color: var(--color-main-background); - cursor: pointer; - line-height: 17px; - /* displayed text if tag limit reached */ - } - /* line 776, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags .multiselect__strong, .multiselect.multiselect-vue .multiselect__tags .multiselect__limit { - flex: 0 0 auto; - line-height: 20px; - color: var(--color-text-lighter); - display: inline-flex; - align-items: center; - opacity: 0.7; - margin-right: 5px; - /* above the input */ - z-index: 5; - /* default multiselect input for search and placeholder */ - } - /* line 789, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__tags input.multiselect__input { - width: 100% !important; - position: absolute !important; - margin: 0; - opacity: 0; - /* let's leave it on top of tags but hide it */ - height: 100%; - border: none; - /* override hide to force show the placeholder */ - display: block !important; - /* only when not active */ - cursor: pointer; - /* results wrapper */ - } - /* line 804, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper { - position: absolute; - width: 100%; - margin-top: -1px; - border: 1px solid var(--color-border-dark); - background: var(--color-main-background); - z-index: 50; - max-height: 175px !important; - overflow-y: auto; - } - /* line 813, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper .multiselect__content { - width: 100%; - padding: 5px 0; - } - /* line 817, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper li { - padding: 5px; - position: relative; - display: flex; - align-items: center; - background-color: transparent; - } - /* line 823, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper li, .multiselect.multiselect-vue .multiselect__content-wrapper li span { - cursor: pointer; - } - /* line 827, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper li > span { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - height: 20px; - margin: 0; - min-height: 1em; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: inline-flex; - align-items: center; - background-color: transparent !important; - color: var(--color-text-lighter); - width: 100%; - /* selected checkmark icon */ - } - /* line 845, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper li > span::before { - content: ' '; - background-image: var(--icon-checkmark-000); - background-repeat: no-repeat; - background-position: center; - min-width: 16px; - min-height: 16px; - display: block; - opacity: 0.5; - margin-right: 5px; - visibility: hidden; - } - /* line 857, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper li > span.multiselect__option--disabled { - background-color: var(--color-background-dark); - opacity: 0.5; - /* add the prop tag-placeholder="create" to add the + - * icon on top of an unknown-and-ready-to-be-created entry - */ - } - /* line 864, /var/www/nextcloud/core/css/inputs.scss */ - /* line 865, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper li > span[data-select='create']::before { - background-image: var(--icon-add-000); - visibility: visible; - } - /* line 870, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper li > span.multiselect__option--highlight { - color: var(--color-main-text); - } - /* line 873, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper li > span:not(.multiselect__option--disabled):hover::before { - opacity: 0.3; - } - /* line 876, /var/www/nextcloud/core/css/inputs.scss */ - /* line 878, /var/www/nextcloud/core/css/inputs.scss */ - .multiselect.multiselect-vue .multiselect__content-wrapper li > span.multiselect__option--selected::before, .multiselect.multiselect-vue .multiselect__content-wrapper li > span:not(.multiselect__option--disabled):hover::before { - visibility: visible; - } - /* Progressbar */ - /* line 888, /var/www/nextcloud/core/css/inputs.scss */ - progress { - display: block; - width: 100%; - padding: 0; - border: 0 none; - background-color: var(--color-background-dark); - border-radius: var(--border-radius); - flex-basis: 100%; - height: 5px; - overflow: hidden; - } - /* line 898, /var/www/nextcloud/core/css/inputs.scss */ - /* line 899, /var/www/nextcloud/core/css/inputs.scss */ - progress.warn::-moz-progress-bar { - background: var(--color-error); - } - /* line 902, /var/www/nextcloud/core/css/inputs.scss */ - progress.warn::-webkit-progress-value { - background: var(--color-error); - } - /* line 906, /var/www/nextcloud/core/css/inputs.scss */ - progress::-webkit-progress-bar { - background: transparent; - } - /* line 909, /var/www/nextcloud/core/css/inputs.scss */ - progress::-moz-progress-bar { - border-radius: var(--border-radius); - background: var(--color-primary); - transition: 250ms all ease-in-out; - } - /* line 914, /var/www/nextcloud/core/css/inputs.scss */ - progress::-webkit-progress-value { - border-radius: var(--border-radius); - background: var(--color-primary); - transition: 250ms all ease-in-out; - } - /* Animation */ - @keyframes shake { - /* line 923, /var/www/nextcloud/core/css/inputs.scss */ - 10%, 90% { - transform: translate(-1px); - } - /* line 927, /var/www/nextcloud/core/css/inputs.scss */ - 20%, 80% { - transform: translate(2px); - } - /* line 931, /var/www/nextcloud/core/css/inputs.scss */ - 30%, 50%, 70% { - transform: translate(-4px); - } - /* line 936, /var/www/nextcloud/core/css/inputs.scss */ - 40%, 60% { - transform: translate(4px); - } - } - /* line 941, /var/www/nextcloud/core/css/inputs.scss */ - .shake { - animation-name: shake; - animation-duration: 0.7s; - animation-timing-function: ease-out; - } - /* line 949, /var/www/nextcloud/core/css/inputs.scss */ - label.infield { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - } - /* line 958, /var/www/nextcloud/core/css/inputs.scss */ - ::placeholder, ::-ms-input-placeholder, ::-webkit-input-placeholder { - color: var(--color-text-maxcontrast); - } - /** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, Lukas Reschke - * @copyright Copyright (c) 2016, Jos Poortvliet - * @copyright Copyright (c) 2016, Erik Pellikka - * @copyright Copyright (c) 2016, jowi - * @copyright Copyright (c) 2015, Hendrik Leppelsack - * @copyright Copyright (c) 2015, Volker E - * @copyright Copyright (c) 2014-2017, Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - */ - /* prevent ugly selection effect on accidental selection */ - /* line 17, /var/www/nextcloud/core/css/header.scss */ - #header, #navigation, #expanddiv { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - } - /* removed until content-focusing issue is fixed */ - /* line 26, /var/www/nextcloud/core/css/header.scss */ - #skip-to-content a { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - } - /* line 33, /var/www/nextcloud/core/css/header.scss */ - #skip-to-content a:focus { - left: 76px; - top: -9px; - color: var(--color-primary-text); - width: auto; - height: auto; - } - /* HEADERS ------------------------------------------------------------------ */ - /* line 43, /var/www/nextcloud/core/css/header.scss */ - #body-user #header, #body-settings #header, #body-public #header { - display: inline-flex; - position: fixed; - top: 0; - width: 100%; - z-index: 2000; - height: 50px; - background-color: var(--color-primary); - background-image: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-element-light) 100%); - box-sizing: border-box; - justify-content: space-between; - } - /* LOGO and APP NAME -------------------------------------------------------- */ - /* line 59, /var/www/nextcloud/core/css/header.scss */ - #nextcloud { - padding: 7px 0; - padding-left: 86px; - position: relative; - height: 100%; - box-sizing: border-box; - opacity: 1; - align-items: center; - display: flex; - flex-wrap: wrap; - overflow: hidden; - } - /* line 71, /var/www/nextcloud/core/css/header.scss */ - #nextcloud:focus { - opacity: 0.75; - } - /* line 74, /var/www/nextcloud/core/css/header.scss */ - #nextcloud:hover, #nextcloud:active { - opacity: 1; - } - /* line 84, /var/www/nextcloud/core/css/header.scss */ - #header { - /* Header menu */ - } - /* line 88, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > .menu, #header .header-right > div > .menu { - background-color: var(--color-main-background); - filter: drop-shadow(0 1px 5px var(--color-box-shadow)); - border-radius: 0 0 var(--border-radius) var(--border-radius); - box-sizing: border-box; - z-index: 2000; - position: absolute; - max-width: 350px; - min-height: calc(44px * 1.5); - max-height: calc(100vh - 50px * 4); - right: 5px; - top: 50px; - margin: 0; - } - /* line 102, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > .menu:not(.popovermenu), #header .header-right > div > .menu:not(.popovermenu) { - display: none; - /* Dropdown arrow */ - } - /* line 107, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > .menu:after, #header .header-right > div > .menu:after { - border: 10px solid transparent; - border-bottom-color: var(--color-main-background); - bottom: 100%; - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - right: 10px; - } - /* line 119, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > .menu #apps > ul, #header .header-right > div > .menu #apps > ul, #header .header-left > nav > .menu > div, #header .header-right > div > .menu > div, #header .header-left > nav > .menu > ul, #header .header-right > div > .menu > ul { - overflow-y: auto; - -webkit-overflow-scrolling: touch; - min-height: calc(44px * 1.5); - max-height: calc(100vh - 50px * 4); - /* Use by the apps menu and the settings right menu */ - } - /* line 128, /var/www/nextcloud/core/css/header.scss */ - /* line 130, /var/www/nextcloud/core/css/header.scss */ - /* line 131, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > .menu #apps > ul li a, #header .header-right > div > .menu #apps > ul li a, #header .header-left > nav > .menu.settings-menu > ul li a, #header .header-right > div > .menu.settings-menu > ul li a { - display: inline-flex; - align-items: center; - height: 44px; - color: var(--color-main-text); - padding: 10px 12px; - box-sizing: border-box; - white-space: nowrap; - position: relative; - width: 100%; - } - /* line 141, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > .menu #apps > ul li a:hover, #header .header-right > div > .menu #apps > ul li a:hover, #header .header-left > nav > .menu.settings-menu > ul li a:hover, #header .header-right > div > .menu.settings-menu > ul li a:hover, #header .header-left > nav > .menu #apps > ul li a:focus, #header .header-right > div > .menu #apps > ul li a:focus, #header .header-left > nav > .menu.settings-menu > ul li a:focus, #header .header-right > div > .menu.settings-menu > ul li a:focus { - background-color: var(--color-background-hover); - } - /* line 145, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > .menu #apps > ul li a:active, #header .header-right > div > .menu #apps > ul li a:active, #header .header-left > nav > .menu.settings-menu > ul li a:active, #header .header-right > div > .menu.settings-menu > ul li a:active, #header .header-left > nav > .menu #apps > ul li a.active, #header .header-right > div > .menu #apps > ul li a.active, #header .header-left > nav > .menu.settings-menu > ul li a.active, #header .header-right > div > .menu.settings-menu > ul li a.active { - background-color: var(--color-primary-light); - } - /* line 149, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > .menu #apps > ul li a span, #header .header-right > div > .menu #apps > ul li a span, #header .header-left > nav > .menu.settings-menu > ul li a span, #header .header-right > div > .menu.settings-menu > ul li a span { - display: inline-block; - padding-bottom: 0; - color: var(--color-main-text); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 110px; - } - /* line 158, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > .menu #apps > ul li a .icon-loading-small, #header .header-right > div > .menu #apps > ul li a .icon-loading-small, #header .header-left > nav > .menu.settings-menu > ul li a .icon-loading-small, #header .header-right > div > .menu.settings-menu > ul li a .icon-loading-small { - margin-right: 10px; - background-size: 16px 16px; - } - /* line 162, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > .menu #apps > ul li a img, #header .header-right > div > .menu #apps > ul li a img, #header .header-left > nav > .menu.settings-menu > ul li a img, #header .header-right > div > .menu.settings-menu > ul li a img, #header .header-left > nav > .menu #apps > ul li a svg, #header .header-right > div > .menu #apps > ul li a svg, #header .header-left > nav > .menu.settings-menu > ul li a svg, #header .header-right > div > .menu.settings-menu > ul li a svg { - opacity: 0.7; - margin-right: 10px; - height: 16px; - width: 16px; - } - /* line 173, /var/www/nextcloud/core/css/header.scss */ - #header .logo { - display: inline-flex; - background-image: var(--image-logo); - background-repeat: no-repeat; - background-size: contain; - background-position: center; - width: 62px; - position: absolute; - left: 12px; - top: 1px; - bottom: 1px; - } - /* line 185, /var/www/nextcloud/core/css/header.scss */ - #header .logo img { - opacity: 0; - max-width: 100%; - max-height: 200px; - } - /* line 192, /var/www/nextcloud/core/css/header.scss */ - #header .header-appname-container { - display: none; - padding-right: 10px; - flex-shrink: 0; - /* show caret indicator next to logo to make clear it is tappable */ - } - /* line 198, /var/www/nextcloud/core/css/header.scss */ - #header .icon-caret { - display: inline-block; - width: 12px; - height: 12px; - margin: 0; - margin-top: -21px; - padding: 0; - vertical-align: middle; - } - /* line 208, /var/www/nextcloud/core/css/header.scss */ - #header #header-left, #header .header-left, #header #header-right, #header .header-right { - display: inline-flex; - align-items: center; - } - /* line 214, /var/www/nextcloud/core/css/header.scss */ - #header #header-left, #header .header-left { - flex: 1 0; - white-space: nowrap; - min-width: 0; - } - /* line 220, /var/www/nextcloud/core/css/header.scss */ - #header #header-right, #header .header-right { - justify-content: flex-end; - flex-shrink: 1; - /* Right header standard */ - } - /* line 226, /var/www/nextcloud/core/css/header.scss */ - /* line 227, /var/www/nextcloud/core/css/header.scss */ - #header .header-right > div, #header .header-right > form { - height: 100%; - position: relative; - } - /* line 231, /var/www/nextcloud/core/css/header.scss */ - #header .header-right > div > .menutoggle, #header .header-right > form > .menutoggle { - display: flex; - justify-content: center; - align-items: center; - width: 50px; - height: 100%; - cursor: pointer; - opacity: 0.6; - padding: 0; - margin: 0; - } - /* hover effect for app switcher label */ - /* line 248, /var/www/nextcloud/core/css/header.scss */ - .header-appname-container .header-appname { - opacity: 0.75; - } - /* line 252, /var/www/nextcloud/core/css/header.scss */ - /* line 253, /var/www/nextcloud/core/css/header.scss */ - .menutoggle .icon-caret { - opacity: 0.75; - } - /* line 256, /var/www/nextcloud/core/css/header.scss */ - /* line 257, /var/www/nextcloud/core/css/header.scss */ - .menutoggle:hover .header-appname, .menutoggle:hover .icon-caret { - opacity: 1; - } - /* line 261, /var/www/nextcloud/core/css/header.scss */ - /* line 262, /var/www/nextcloud/core/css/header.scss */ - .menutoggle:focus .header-appname, .menutoggle:focus .icon-caret { - opacity: 1; - } - /* line 266, /var/www/nextcloud/core/css/header.scss */ - /* line 267, /var/www/nextcloud/core/css/header.scss */ - .menutoggle.active .header-appname, .menutoggle.active .icon-caret { - opacity: 1; - } - /* TODO: move into minimal css file for public shared template */ - /* only used for public share pages now as we have the app icons when logged in */ - /* line 275, /var/www/nextcloud/core/css/header.scss */ - .header-appname { - color: var(--color-primary-text); - font-size: 16px; - font-weight: bold; - margin: 0; - padding: 0; - padding-right: 5px; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 100%; - } - /* line 288, /var/www/nextcloud/core/css/header.scss */ - .header-shared-by { - color: var(--color-primary-text); - position: relative; - font-weight: 300; - font-size: 11px; - line-height: 11px; - overflow: hidden; - text-overflow: ellipsis; - } - /* do not show menu toggle on public share links as there is no menu */ - /* line 299, /var/www/nextcloud/core/css/header.scss */ - #body-public #header .icon-caret { - display: none; - } - /* NAVIGATION --------------------------------------------------------------- */ - /* line 304, /var/www/nextcloud/core/css/header.scss */ - nav[role='navigation'] { - display: inline-block; - width: 50px; - height: 50px; - margin-left: -50px; - position: relative; - } - /* line 312, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > #navigation { - position: relative; - left: 25px; - /* half the togglemenu */ - transform: translateX(-50%); - width: 160px; - } - /* line 319, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > #navigation, .ui-datepicker, .ui-timepicker.ui-widget { - background-color: var(--color-main-background); - filter: drop-shadow(0 1px 10px var(--color-box-shadow)); - } - /* line 324, /var/www/nextcloud/core/css/header.scss */ - #header .header-left > nav > #navigation:after, .ui-datepicker:after, .ui-timepicker.ui-widget:after { - /* position of dropdown arrow */ - left: 50%; - bottom: 100%; - border: solid transparent; - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-color: rgba(0, 0, 0, 0); - border-bottom-color: var(--color-main-background); - border-width: 10px; - margin-left: -10px; - /* border width */ - } - /* line 341, /var/www/nextcloud/core/css/header.scss */ - #navigation { - box-sizing: border-box; - } - /* line 343, /var/www/nextcloud/core/css/header.scss */ - #navigation .in-header { - display: none; - } - /* USER MENU -----------------------------------------------------------------*/ - /* line 349, /var/www/nextcloud/core/css/header.scss */ - #settings { - display: inline-block; - height: 100%; - cursor: pointer; - flex: 0 0 auto; - /* User menu on the right */ - } - /* line 356, /var/www/nextcloud/core/css/header.scss */ - #settings #expand { - opacity: 1; - /* override icon opacity */ - padding-right: 12px; - } - /* line 360, /var/www/nextcloud/core/css/header.scss */ - #settings #expand:hover, #settings #expand:focus, #settings #expand:active { - color: var(--color-primary-text); - } - /* line 365, /var/www/nextcloud/core/css/header.scss */ - #settings #expand:hover #expandDisplayName, #settings #expand:focus #expandDisplayName, #settings #expand:active #expandDisplayName, #settings #expand:hover .avatardiv, #settings #expand:focus .avatardiv, #settings #expand:active .avatardiv { - border-radius: 50%; - border: 2px solid var(--color-primary-text); - margin: -2px; - } - /* line 371, /var/www/nextcloud/core/css/header.scss */ - #settings #expand:hover .avatardiv, #settings #expand:focus .avatardiv, #settings #expand:active .avatardiv { - background-color: var(--color-primary-text); - } - /* line 374, /var/www/nextcloud/core/css/header.scss */ - #settings #expand:hover #expandDisplayName, #settings #expand:focus #expandDisplayName, #settings #expand:active #expandDisplayName { - opacity: 1; - /* Profile picture in header */ - } - /* line 380, /var/www/nextcloud/core/css/header.scss */ - #settings #expand .avatardiv { - cursor: pointer; - height: 32px; - width: 32px; - } - /* line 385, /var/www/nextcloud/core/css/header.scss */ - #settings #expand .avatardiv img { - opacity: 1; - cursor: pointer; - /* do not show display name when profile picture is present */ - } - /* line 390, /var/www/nextcloud/core/css/header.scss */ - #settings #expand .avatardiv.avatardiv-shown + #expandDisplayName { - display: none; - } - /* line 395, /var/www/nextcloud/core/css/header.scss */ - #settings #expand #expandDisplayName { - padding: 8px; - opacity: 0.6; - cursor: pointer; - /* full opacity for gear icon if active */ - } - /* line 401, /var/www/nextcloud/core/css/header.scss */ - #body-settings #settings #expand #expandDisplayName { - opacity: 1; - /* show triangle below user menu if active */ - } - /* line 407, /var/www/nextcloud/core/css/header.scss */ - #body-settings #settings #expand:before { - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border: 0 solid transparent; - border-bottom-color: var(--color-main-background); - border-width: 10px; - bottom: 0; - z-index: 100; - display: block; - } - /* line 422, /var/www/nextcloud/core/css/header.scss */ - #settings #expanddiv:after { - right: 22px; - } - /* Apps menu */ - /* line 428, /var/www/nextcloud/core/css/header.scss */ - #appmenu { - display: inline-flex; - min-width: 50px; - z-index: 2; - } - /* line 433, /var/www/nextcloud/core/css/header.scss */ - #appmenu li { - position: relative; - cursor: pointer; - padding: 0 2px; - display: flex; - justify-content: center; - } - /* line 440, /var/www/nextcloud/core/css/header.scss */ - #appmenu li a { - position: relative; - display: flex; - margin: 0; - height: 50px; - width: 50px; - align-items: center; - justify-content: center; - opacity: 0.6; - letter-spacing: -0.5px; - font-size: 12px; - /* focused app visual feedback */ - } - /* line 455, /var/www/nextcloud/core/css/header.scss */ - #appmenu li:hover a, #appmenu li a:focus, #appmenu li a.active { - opacity: 1; - font-weight: bold; - } - /* line 463, /var/www/nextcloud/core/css/header.scss */ - #appmenu li:hover a, #appmenu li a:focus { - font-size: 14px; - } - /* line 468, /var/www/nextcloud/core/css/header.scss */ - #appmenu li:hover a + span, #appmenu li a:focus + span, #appmenu li:hover span, #appmenu li:focus span, #appmenu li a:focus span, #appmenu li a.active span { - display: inline-block; - text-overflow: initial; - width: auto; - overflow: hidden; - padding: 0 5px; - z-index: 2; - /* hidden apps menu */ - } - /* line 483, /var/www/nextcloud/core/css/header.scss */ - #appmenu li img, #appmenu li .icon-more-white { - display: inline-block; - width: 20px; - height: 20px; - /* App title */ - } - /* line 491, /var/www/nextcloud/core/css/header.scss */ - #appmenu li span { - opacity: 0; - position: absolute; - color: var(--color-primary-text); - bottom: 2px; - width: 100%; - text-align: center; - overflow: hidden; - text-overflow: ellipsis; - transition: all var(--animation-quick) ease; - pointer-events: none; - /* Set up transitions for showing app titles on hover */ - /* App icon */ - } - /* line 506, /var/www/nextcloud/core/css/header.scss */ - #appmenu li svg, #appmenu li .icon-more-white { - transition: transform var(--animation-quick) ease; - /* Triangle */ - } - /* line 512, /var/www/nextcloud/core/css/header.scss */ - #appmenu li a::before { - transition: border var(--animation-quick) ease; - /* Show all app titles on hovering app menu area */ - } - /* line 518, /var/www/nextcloud/core/css/header.scss */ - /* line 519, /var/www/nextcloud/core/css/header.scss */ - #appmenu:hover li { - /* Move up app icon */ - } - /* line 521, /var/www/nextcloud/core/css/header.scss */ - #appmenu:hover li svg, #appmenu:hover li .icon-more, #appmenu:hover li .icon-more-white, #appmenu:hover li .icon-loading-small, #appmenu:hover li .icon-loading-small-dark { - transform: translateY(-7px); - /* Show app title */ - } - /* line 530, /var/www/nextcloud/core/css/header.scss */ - #appmenu:hover li span { - opacity: 0.6; - bottom: 2px; - z-index: -1; - /* fix clickability issue - otherwise we need to move the span into the link */ - /* Prominent app title for current and hovered/focused app */ - } - /* line 537, /var/www/nextcloud/core/css/header.scss */ - #appmenu:hover li:hover span, #appmenu:hover li:focus span, #appmenu:hover li .active + span { - opacity: 1; - /* Smaller triangle because of limited space */ - } - /* line 544, /var/www/nextcloud/core/css/header.scss */ - #appmenu:hover li a::before { - border-width: 5px; - /* Also show app title on focusing single entry (showing all on focus is only possible with CSS4 and parent selectors) */ - } - /* line 551, /var/www/nextcloud/core/css/header.scss */ - #appmenu li a:focus { - /* Move up app icon */ - } - /* line 553, /var/www/nextcloud/core/css/header.scss */ - #appmenu li a:focus svg, #appmenu li a:focus .icon-more, #appmenu li a:focus .icon-more-white, #appmenu li a:focus .icon-loading-small, #appmenu li a:focus .icon-loading-small-dark { - transform: translateY(-7px); - /* Show app title */ - } - /* line 562, /var/www/nextcloud/core/css/header.scss */ - #appmenu li a:focus + span, #appmenu li a:focus span { - opacity: 1; - bottom: 2px; - /* Smaller triangle because of limited space */ - } - /* line 569, /var/www/nextcloud/core/css/header.scss */ - #appmenu li a:focus::before { - border-width: 5px; - /* show triangle below active app */ - } - /* line 575, /var/www/nextcloud/core/css/header.scss */ - #appmenu li a::before { - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border: 0 solid transparent; - border-bottom-color: var(--color-main-background); - border-width: 10px; - transform: translateX(-50%); - left: 50%; - bottom: 0; - display: none; - /* triangle focus feedback */ - } - /* line 591, /var/www/nextcloud/core/css/header.scss */ - #appmenu li a.active::before, #appmenu li:hover a::before, #appmenu li:hover a.active::before, #appmenu li a:focus::before { - display: block; - } - /* line 597, /var/www/nextcloud/core/css/header.scss */ - #appmenu li a.active::before { - z-index: 99; - } - /* line 600, /var/www/nextcloud/core/css/header.scss */ - #appmenu li:hover a::before, #appmenu li a.active:hover::before, #appmenu li a:focus::before { - z-index: 101; - } - /* line 606, /var/www/nextcloud/core/css/header.scss */ - #appmenu li.hidden { - display: none; - } - /* line 610, /var/www/nextcloud/core/css/header.scss */ - #appmenu #more-apps { - z-index: 3; - } - /* Skip navigation links – show only on keyboard focus */ - /* line 616, /var/www/nextcloud/core/css/header.scss */ - .skip-navigation { - padding: 11px; - position: absolute; - overflow: hidden; - z-index: 9999; - top: -999px; - left: 3px; - /* Force primary color, otherwise too light focused color */ - background: var(--color-primary) !important; - } - /* line 626, /var/www/nextcloud/core/css/header.scss */ - .skip-navigation.skip-content { - left: 300px; - margin-left: 3px; - } - /* line 631, /var/www/nextcloud/core/css/header.scss */ - .skip-navigation:focus, .skip-navigation:active { - top: 50px; - } - /* SEARCHBOX --------------------------------------------------------------- */ - /* line 638, /var/www/nextcloud/core/css/header.scss */ - .searchbox { - position: relative; - display: flex; - align-items: center; - } - /* line 642, /var/www/nextcloud/core/css/header.scss */ - .searchbox input[type='search'] { - position: relative; - font-size: 1.2em; - padding: 3px; - padding-left: 25px; - padding-right: 20px; - background-color: transparent; - color: var(--color-primary-text); - border: 0; - border-radius: var(--border-radius-pill); - height: 34px; - width: 0; - cursor: pointer; - transition: width 100ms, opacity 100ms; - opacity: 0.6; - } - /* line 657, /var/www/nextcloud/core/css/header.scss */ - .searchbox input[type='search']:focus, .searchbox input[type='search']:active, .searchbox input[type='search']:valid { - background-position-x: 6px; - color: var(--color-primary-text); - width: 155px; - cursor: text; - background-color: transparent !important; - border: 1px solid var(--color-primary-text) !important; - } - /* line 665, /var/www/nextcloud/core/css/header.scss */ - .searchbox input[type='search']:hover, .searchbox input[type='search']:focus, .searchbox input[type='search']:active { - opacity: 1; - } - /* line 668, /var/www/nextcloud/core/css/header.scss */ - .searchbox input[type='search'] ~ .icon-close-white { - display: inline; - position: absolute; - width: 30px; - height: 100%; - right: 0; - top: 0; - margin: 0; - } - /* line 676, /var/www/nextcloud/core/css/header.scss */ - .searchbox input[type='search'] ~ .icon-close-white, .searchbox input[type='search'] ~ .icon-close-white:focus, .searchbox input[type='search'] ~ .icon-close-white:active, .searchbox input[type='search'] ~ .icon-close-white:hover { - border: none; - background-color: transparent; - } - /* line 681, /var/www/nextcloud/core/css/header.scss */ - .searchbox input[type='search']:not(:valid) ~ .icon-close-white { - display: none; - } - /* line 684, /var/www/nextcloud/core/css/header.scss */ - .searchbox input[type='search']::-webkit-search-cancel-button { - -webkit-appearance: none; - } - /* line 688, /var/www/nextcloud/core/css/header.scss */ - .searchbox .icon-search-force-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-search-fffffe); - } - /* Empty content messages in the header e.g. notifications, contacts menu, … */ - /* line 694, /var/www/nextcloud/core/css/header.scss */ - /* line 696, /var/www/nextcloud/core/css/header.scss */ - header #emptycontent h2, header .emptycontent h2 { - font-weight: normal; - font-size: 16px; - } - /* line 700, /var/www/nextcloud/core/css/header.scss */ - header #emptycontent [class^='icon-'], header .emptycontent [class^='icon-'], header #emptycontent [class*='icon-'], header .emptycontent [class*='icon-'] { - background-size: 48px; - height: 48px; - width: 48px; - } - /** - * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com) - * - * @author John Molakvoæ (skjnldsv) - * @author Joas Schilling - * @author Lukas Reschke - * @author Roeland Jago Douma - * @author Vincent Chan - * @author Thomas Müller - * @author Hendrik Leppelsack - * @author Jan-Christoph Borchardt - * - * @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 . - * - */ - /* GLOBAL ------------------------------------------------------------------- */ - /* line 31, /var/www/nextcloud/core/css/icons.scss */ - [class^='icon-'], [class*=' icon-'] { - background-repeat: no-repeat; - background-position: center; - min-width: 16px; - min-height: 16px; - } - /* line 38, /var/www/nextcloud/core/css/icons.scss */ - .icon-breadcrumb { - background-image: url('/core/css/../img/breadcrumb.svg?v=1'); - } - /* LOADING ------------------------------------------------------------------ */ - /* line 43, /var/www/nextcloud/core/css/icons.scss */ - .loading, .loading-small, .icon-loading, .icon-loading-dark, .icon-loading-small, .icon-loading-small-dark { - position: relative; - } - /* line 50, /var/www/nextcloud/core/css/icons.scss */ - .loading:after, .loading-small:after, .icon-loading:after, .icon-loading-dark:after, .icon-loading-small:after, .icon-loading-small-dark:after { - z-index: 2; - content: ''; - height: 28px; - width: 28px; - margin: -16px 0 0 -16px; - position: absolute; - top: 50%; - left: 50%; - border-radius: 100%; - -webkit-animation: rotate 0.8s infinite linear; - animation: rotate 0.8s infinite linear; - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - border: 2px solid var(--color-loading-light); - border-top-color: var(--color-loading-dark); - } - /* line 70, /var/www/nextcloud/core/css/icons.scss */ - .icon-loading-dark:after, .icon-loading-small-dark:after { - border: 2px solid var(--color-loading-dark); - border-top-color: var(--color-loading-light); - } - /* line 76, /var/www/nextcloud/core/css/icons.scss */ - .icon-loading-small:after, .icon-loading-small-dark:after { - height: 12px; - width: 12px; - margin: -8px 0 0 -8px; - } - /* Css replaced elements don't have ::after nor ::before */ - /* line 84, /var/www/nextcloud/core/css/icons.scss */ - /* line 85, /var/www/nextcloud/core/css/icons.scss */ - audio.icon-loading, canvas.icon-loading, embed.icon-loading, iframe.icon-loading, img.icon-loading, input.icon-loading, object.icon-loading, video.icon-loading { - background-image: url('/core/css/../img/loading.gif'); - } - /* line 88, /var/www/nextcloud/core/css/icons.scss */ - audio.icon-loading-dark, canvas.icon-loading-dark, embed.icon-loading-dark, iframe.icon-loading-dark, img.icon-loading-dark, input.icon-loading-dark, object.icon-loading-dark, video.icon-loading-dark { - background-image: url('/core/css/../img/loading-dark.gif'); - } - /* line 91, /var/www/nextcloud/core/css/icons.scss */ - audio.icon-loading-small, canvas.icon-loading-small, embed.icon-loading-small, iframe.icon-loading-small, img.icon-loading-small, input.icon-loading-small, object.icon-loading-small, video.icon-loading-small { - background-image: url('/core/css/../img/loading-small.gif'); - } - /* line 94, /var/www/nextcloud/core/css/icons.scss */ - audio.icon-loading-small-dark, canvas.icon-loading-small-dark, embed.icon-loading-small-dark, iframe.icon-loading-small-dark, img.icon-loading-small-dark, input.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-small-dark { - background-image: url('/core/css/../img/loading-small-dark.gif'); - } - @keyframes rotate { - /* line 100, /var/www/nextcloud/core/css/icons.scss */ - from { - transform: rotate(0deg); - } - /* line 103, /var/www/nextcloud/core/css/icons.scss */ - to { - transform: rotate(360deg); - } - } - /* line 108, /var/www/nextcloud/core/css/icons.scss */ - .icon-32 { - background-size: 32px !important; - } - /* line 112, /var/www/nextcloud/core/css/icons.scss */ - /* line 113, /var/www/nextcloud/core/css/icons.scss */ - .icon-white.icon-shadow { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - /* ICONS ------------------------------------------------------------------- - * These icon classes are generated automatically with the following pattern - * for icon-black-white('close', ...) - * .icon-close (black icon) - * .icon-close-white (white icon) - * .icon-close.icon-white (white icon) - * - * Some class definitions are kept as before, since they don't follow the pattern - * or have some additional styling like drop shadows - */ - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-add { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-add-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-add-white, .icon-add.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-add-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-address { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-address-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-address-white, .icon-address.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-address-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-audio { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-audio-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-audio-white, .icon-audio.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-audio-fff); - } - /* line 133, /var/www/nextcloud/core/css/icons.scss */ - .icon-audio-white { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-audio-off { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-audio-off-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-audio-off-white, .icon-audio-off.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-audio-off-fff); - } - /* line 138, /var/www/nextcloud/core/css/icons.scss */ - .icon-audio-off-white { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - /* line 142, /var/www/nextcloud/core/css/icons.scss */ - .icon-caret-white, .icon-caret { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-caret-fff); - } - /* line 147, /var/www/nextcloud/core/css/icons.scss */ - .icon-caret-dark { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-caret-000); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-checkmark { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-checkmark-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-checkmark-white, .icon-checkmark.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-checkmark-fff); - } - /* line 152, /var/www/nextcloud/core/css/icons.scss */ - .icon-checkmark-color { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-checkmark-46ba61); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-clippy { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-clippy-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-clippy-white, .icon-clippy.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-clippy-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-close { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-close-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-close-white, .icon-close.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-close-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-comment { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-comment-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-comment-white, .icon-comment.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-comment-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-confirm { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-confirm-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-confirm-white, .icon-confirm.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-confirm-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-download { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-download-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-download-white, .icon-download.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-download-fff); - } - /* line 162, /var/www/nextcloud/core/css/icons.scss */ - .icon-confirm-fade { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-confirm-fade-000); - } - /* line 166, /var/www/nextcloud/core/css/icons.scss */ - .icon-delete { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-delete-000); - } - /* line 168, /var/www/nextcloud/core/css/icons.scss */ - /* line 170, /var/www/nextcloud/core/css/icons.scss */ - .icon-delete.no-permission:hover, .icon-delete.no-hover:hover, .icon-delete.no-permission:focus, .icon-delete.no-hover:focus { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-delete-000); - } - /* line 175, /var/www/nextcloud/core/css/icons.scss */ - .icon-delete:hover, .icon-delete:focus { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-delete-e9322d); - filter: initial; - } - /* line 181, /var/www/nextcloud/core/css/icons.scss */ - .icon-delete.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-delete-fff); - } - /* line 186, /var/www/nextcloud/core/css/icons.scss */ - .icon-delete-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-delete-fff); - } - /* line 188, /var/www/nextcloud/core/css/icons.scss */ - /* line 189, /var/www/nextcloud/core/css/icons.scss */ - .icon-delete-white.no-permission:hover, .icon-delete-white.no-permission:focus { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-delete-fff); - } - /* line 194, /var/www/nextcloud/core/css/icons.scss */ - .icon-delete-white:hover, .icon-delete-white:focus { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-delete-e9322d); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-details { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-details-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-details-white, .icon-details.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-details-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-edit { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-edit-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-edit-white, .icon-edit.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-edit-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-error { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-error-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-error-white, .icon-error.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-error-fff); - } - /* line 204, /var/www/nextcloud/core/css/icons.scss */ - .icon-error-color { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-error-e9322d); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-external { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-external-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-external-white, .icon-external.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-external-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-fullscreen { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-fullscreen-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-fullscreen-white, .icon-fullscreen.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-fullscreen-fff); - } - /* line 210, /var/www/nextcloud/core/css/icons.scss */ - .icon-fullscreen-white { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-history { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-history-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-history-white, .icon-history.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-history-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-info { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-info-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-info-white, .icon-info.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-info-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-logout { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-logout-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-logout-white, .icon-logout.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-logout-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-mail { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-mail-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-mail-white, .icon-mail.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-mail-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-menu { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-menu-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-menu-white, .icon-menu.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-menu-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-menu-sidebar { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-menu-sidebar-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-menu-sidebar-white, .icon-menu-sidebar.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-menu-sidebar-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-more { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-more-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-more-white, .icon-more.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-more-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-password { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-password-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-password-white, .icon-password.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-password-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-pause { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-pause-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-pause-white, .icon-pause.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-pause-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-play { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-play-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-play-white, .icon-play.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-play-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-play-add { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-play-add-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-play-add-white, .icon-play-add.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-play-add-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-play-next { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-play-next-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-play-next-white, .icon-play-next.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-play-next-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-play-previous { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-play-previous-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-play-previous-white, .icon-play-previous.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-play-previous-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-projects { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-projects-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-projects-white, .icon-projects.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-projects-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-public { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-public-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-public-white, .icon-public.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-public-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-quota { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-quota-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-quota-white, .icon-quota.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-quota-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-rename { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-rename-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-rename-white, .icon-rename.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-rename-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-screen { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-screen-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-screen-white, .icon-screen.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-screen-fff); - } - /* line 233, /var/www/nextcloud/core/css/icons.scss */ - .icon-screen-white { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-screen-off { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-screen-off-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-screen-off-white, .icon-screen-off.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-screen-off-fff); - } - /* line 238, /var/www/nextcloud/core/css/icons.scss */ - .icon-screen-off-white { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-search { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-search-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-search-white, .icon-search.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-search-fff); - } - /* default icon have a .5 opacity */ - /* line 245, /var/www/nextcloud/core/css/icons.scss */ - .icon-settings { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-settings-000); - } - /* line 249, /var/www/nextcloud/core/css/icons.scss */ - .icon-settings-dark { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-settings-dark-000); - } - /* line 253, /var/www/nextcloud/core/css/icons.scss */ - .icon-settings-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-settings-dark-fff); - } - /* always use icon-shared, AdBlock blocks icon-share */ - /* line 258, /var/www/nextcloud/core/css/icons.scss */ - .icon-shared, .icon-share { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-share-000); - } - /* line 261, /var/www/nextcloud/core/css/icons.scss */ - .icon-shared.icon-white, .icon-share.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-share-fff); - } - /* line 265, /var/www/nextcloud/core/css/icons.scss */ - .icon-shared-white, .icon-share-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-share-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-sound { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-sound-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-sound-white, .icon-sound.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-sound-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-sound-off { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-sound-off-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-sound-off-white, .icon-sound-off.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-sound-off-fff); - } - /* line 273, /var/www/nextcloud/core/css/icons.scss */ - .icon-favorite { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-star-dark-000); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-star { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-star-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-star-white, .icon-star.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-star-fff); - } - /* line 279, /var/www/nextcloud/core/css/icons.scss */ - .icon-star-dark { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-star-000); - } - /* line 283, /var/www/nextcloud/core/css/icons.scss */ - .icon-starred { - - background-image: var(--icon-star-dark-fc0); - } - /* line 284, /var/www/nextcloud/core/css/icons.scss */ - .icon-starred:hover, .icon-starred:focus { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-star-000); - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - } - /* line 291, /var/www/nextcloud/core/css/icons.scss */ - /* line 292, /var/www/nextcloud/core/css/icons.scss */ - .icon-star:hover, .icon-star:focus { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-star-dark-fc0); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-tag { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-tag-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-tag-white, .icon-tag.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-tag-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-timezone { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-timezone-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-timezone-white, .icon-timezone.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-timezone-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-toggle { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-toggle-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-toggle-white, .icon-toggle.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-toggle-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-toggle-background { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-toggle-background-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-toggle-background-white, .icon-toggle-background.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-toggle-background-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-toggle-pictures { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-toggle-pictures-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-toggle-pictures-white, .icon-toggle-pictures.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-toggle-pictures-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-toggle-filelist { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-toggle-filelist-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-toggle-filelist-white, .icon-toggle-filelist.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-toggle-filelist-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-triangle-e { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-triangle-e-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-triangle-e-white, .icon-triangle-e.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-triangle-e-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-triangle-n { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-triangle-n-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-triangle-n-white, .icon-triangle-n.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-triangle-n-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-triangle-s { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-triangle-s-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-triangle-s-white, .icon-triangle-s.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-triangle-s-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-upload { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-upload-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-upload-white, .icon-upload.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-upload-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-user { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-user-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-user-white, .icon-user.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-user-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-group { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-group-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-group-white, .icon-group.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-group-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-filter { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-filter-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-filter-white, .icon-filter.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-filter-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-video { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-video-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-video-white, .icon-video.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-video-fff); - } - /* line 313, /var/www/nextcloud/core/css/icons.scss */ - .icon-video-white { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-video-off { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-video-off-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-video-off-white, .icon-video-off.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-video-off-fff); - } - /* line 318, /var/www/nextcloud/core/css/icons.scss */ - .icon-video-off-white { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-video-switch { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-video-switch-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-video-switch-white, .icon-video-switch.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-video-switch-fff); - } - /* SHADOW WHITE ICONS: white version only ----------------------------------- */ - /* line 324, /var/www/nextcloud/core/css/icons.scss */ - .icon-view-close, .icon-view-close-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-view-close-fff); - } - /* line 328, /var/www/nextcloud/core/css/icons.scss */ - .icon-view-download, .icon-view-download-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-view-download-fff); - } - /* line 332, /var/www/nextcloud/core/css/icons.scss */ - .icon-view-pause, .icon-view-pause-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-view-pause-fff); - } - /* line 336, /var/www/nextcloud/core/css/icons.scss */ - .icon-view-play, .icon-view-play-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-view-play-fff); - } - /* line 341, /var/www/nextcloud/core/css/icons.scss */ - .icon-view-next { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-arrow-right-000); - } - /* line 343, /var/www/nextcloud/core/css/icons.scss */ - .icon-view-next.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-arrow-right-fff); - } - /* line 349, /var/www/nextcloud/core/css/icons.scss */ - .icon-view-previous { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-arrow-left-000); - } - /* line 351, /var/www/nextcloud/core/css/icons.scss */ - .icon-view-previous.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-arrow-left-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-disabled-user { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-disabled-user-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-disabled-user-white, .icon-disabled-user.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-disabled-user-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-disabled-users { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-disabled-users-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-disabled-users-white, .icon-disabled-users.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-disabled-users-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-user-admin { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-user-admin-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-user-admin-white, .icon-user-admin.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-user-admin-fff); - } - /* PLACES ------------------------------------------------------------------- */ - /* line 362, /var/www/nextcloud/core/css/icons.scss */ - .icon-calendar { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-calendar-fff); - } - /* line 366, /var/www/nextcloud/core/css/icons.scss */ - .icon-calendar-dark { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-calendar-000); - } - /* line 370, /var/www/nextcloud/core/css/icons.scss */ - .icon-contacts { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-contacts-fff); - } - /* line 374, /var/www/nextcloud/core/css/icons.scss */ - .icon-contacts-dark { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-contacts-000); - } - /* line 378, /var/www/nextcloud/core/css/icons.scss */ - .icon-files { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-files-fff); - } - /* line 382, /var/www/nextcloud/core/css/icons.scss */ - .icon-files-dark { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-files-000); - } - /* line 386, /var/www/nextcloud/core/css/icons.scss */ - .icon-file, .icon-filetype-text { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-text-969696); - } - /* line 391, /var/www/nextcloud/core/css/icons.scss */ - .icon-filetype-file { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-file-969696); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-folder { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-folder-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-folder-white, .icon-folder.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-folder-fff); - } - /* line 396, /var/www/nextcloud/core/css/icons.scss */ - .icon-filetype-folder { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-folder-0082c9); - } - /* line 400, /var/www/nextcloud/core/css/icons.scss */ - .icon-filetype-folder-drag-accept { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-folder-drag-accept-0082c9); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-home { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-home-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-home-white, .icon-home.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-home-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-link { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-link-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-link-white, .icon-link.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-link-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-music { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-music-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-music-white, .icon-music.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-music-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-picture { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-picture-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-picture-white, .icon-picture.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-picture-fff); - } - /* CLIENTS ------------------------------------------------------------------- */ - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-desktop { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-desktop-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-desktop-white, .icon-desktop.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-desktop-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-phone { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-phone-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-phone-white, .icon-phone.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-phone-fff); - } - /* line 83, /var/www/nextcloud/core/css/functions.scss */ - .icon-tablet { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-tablet-000); - } - /* line 86, /var/www/nextcloud/core/css/functions.scss */ - .icon-tablet-white, .icon-tablet.icon-white { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-tablet-fff); - } - /* APP CATEGORIES ------------------------------------------------------------------- */ - /* line 418, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-installed { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-user-000); - } - /* line 422, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-enabled { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-checkmark-000); - } - /* line 426, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-disabled { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-close-000); - } - /* line 430, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-app-bundles { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-bundles-000); - } - /* line 434, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-updates { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-download-000); - } - /* line 438, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-files { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-files-000); - } - /* line 442, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-social { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-social-000); - } - /* line 446, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-office { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-office-000); - } - /* line 450, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-auth { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-auth-000); - } - /* line 454, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-monitoring { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-monitoring-000); - } - /* line 458, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-multimedia { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-multimedia-000); - } - /* line 462, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-organization { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-organization-000); - } - /* line 466, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-customization { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-customization-000); - } - /* line 470, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-integration { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-integration-000); - } - /* line 474, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-tools { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-settings-dark-000); - } - /* line 478, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-games { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-games-000); - } - /* line 482, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-security { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-password-000); - } - /* line 486, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-search { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-search-000); - } - /* line 490, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-workflow { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-workflow-000); - } - /* line 494, /var/www/nextcloud/core/css/icons.scss */ - .icon-category-dashboard { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-dashboard-000); - } - /* line 498, /var/www/nextcloud/core/css/icons.scss */ - .icon-talk { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-spreed-app-dark-000); - } - /* line 502, /var/www/nextcloud/core/css/icons.scss */ - .nav-icon-systemtagsfilter { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-tag-000); - } - /** - * @copyright Copyright (c) 2016-2017, John Molakvoæ - * @copyright Copyright (c) 2016, Julius Haertl - * @copyright Copyright (c) 2016, Morris Jobke - * @copyright Copyright (c) 2016, pgys - * @copyright Copyright (c) 2016, Lukas Reschke - * @copyright Copyright (c) 2016, Stefan Weil - * @copyright Copyright (c) 2016, Roeland Jago Douma - * @copyright Copyright (c) 2016, jowi - * @copyright Copyright (c) 2015, Hendrik Leppelsack - * @copyright Copyright (c) 2015, Thomas Müller - * @copyright Copyright (c) 2015, Vincent Petry - * @copyright Copyright (c) 2014-2017, Jan-Christoph Borchardt - * - * @license GNU AGPL version 3 or any later version - * - */ - /* BASE STYLING ------------------------------------------------------------ */ - /* line 21, /var/www/nextcloud/core/css/apps.scss */ - h2 { - font-weight: bold; - font-size: 20px; - margin-bottom: 12px; - line-height: 30px; - color: var(--color-text-light); - } - /* line 29, /var/www/nextcloud/core/css/apps.scss */ - h3 { - font-size: 16px; - margin: 12px 0; - color: var(--color-text-light); - } - /* line 35, /var/www/nextcloud/core/css/apps.scss */ - h4 { - font-size: 14px; - } - /* do not use italic typeface style, instead lighter color */ - /* line 40, /var/www/nextcloud/core/css/apps.scss */ - em { - font-style: normal; - color: var(--color-text-lighter); - } - /* line 45, /var/www/nextcloud/core/css/apps.scss */ - dl { - padding: 12px 0; - } - /* line 49, /var/www/nextcloud/core/css/apps.scss */ - dt, dd { - display: inline-block; - padding: 12px; - padding-left: 0; - } - /* line 56, /var/www/nextcloud/core/css/apps.scss */ - dt { - width: 130px; - white-space: nowrap; - text-align: right; - } - /* line 62, /var/www/nextcloud/core/css/apps.scss */ - kbd { - padding: 4px 10px; - border: 1px solid #ccc; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); - border-radius: var(--border-radius); - display: inline-block; - white-space: nowrap; - } - /* APP STYLING ------------------------------------------------------------ */ - /* line 74, /var/www/nextcloud/core/css/apps.scss */ - #content[class*='app-'] * { - box-sizing: border-box; - } - /* APP-NAVIGATION ------------------------------------------------------------ */ - /* Navigation: folder like structure */ - /* line 80, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) { - width: 300px; - position: fixed; - top: 50px; - left: 0; - z-index: 500; - overflow-y: auto; - overflow-x: hidden; - height: calc(100% - 50px); - box-sizing: border-box; - background-color: var(--color-main-background); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - border-right: 1px solid var(--color-border); - display: flex; - flex-direction: column; - flex-grow: 0; - flex-shrink: 0; - /* 'New' button */ - } - /* line 104, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-new { - display: block; - padding: 10px; - } - /* line 107, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-new button { - display: inline-block; - width: 100%; - padding: 10px; - padding-left: 34px; - background-position: 10px center; - text-align: left; - margin: 0; - } - /* line 118, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) li { - position: relative; - } - /* line 121, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul { - position: relative; - height: 100%; - width: inherit; - overflow-x: hidden; - overflow-y: auto; - box-sizing: border-box; - display: flex; - flex-direction: column; - } - /* line 130, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li { - display: inline-flex; - flex-wrap: wrap; - order: 1; - flex-shrink: 0; - /* Pinned-to-bottom entries */ - } - /* line 137, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li.pinned { - order: 2; - } - /* line 139, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li.pinned.first-pinned { - margin-top: auto !important; - } - /* line 144, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > .app-navigation-entry-deleted { - /* Ugly hack for overriding the main entry link */ - padding-left: 44px !important; - } - /* line 148, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > .app-navigation-entry-edit { - /* Ugly hack for overriding the main entry link */ - /* align the input correctly with the link text - 44px-6px padding for the input */ - padding-left: 38px !important; - } - /* line 155, /var/www/nextcloud/core/css/apps.scss */ - /* line 157, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li a:hover, #app-navigation:not(.vue) > ul > li a:focus, #app-navigation:not(.vue) > ul > li a:hover > a, #app-navigation:not(.vue) > ul > li a:focus > a { - background-color: var(--color-background-hover); - } - /* line 162, /var/www/nextcloud/core/css/apps.scss */ - /* line 166, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li.active, #app-navigation:not(.vue) > ul > li a:active, #app-navigation:not(.vue) > ul > li a.selected, #app-navigation:not(.vue) > ul > li a.active, #app-navigation:not(.vue) > ul > li.active > a, #app-navigation:not(.vue) > ul > li a:active > a, #app-navigation:not(.vue) > ul > li a.selected > a, #app-navigation:not(.vue) > ul > li a.active > a { - background-color: var(--color-primary-light); - /* align loader */ - } - /* line 173, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li.icon-loading-small:after { - left: 22px; - top: 22px; - /* hide deletion/collapse of subitems */ - } - /* line 179, /var/www/nextcloud/core/css/apps.scss */ - /* line 181, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li.deleted > ul, #app-navigation:not(.vue) > ul > li.collapsible:not(.open) > ul { - display: none; - } - /* line 187, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li.app-navigation-caption { - font-weight: bold; - line-height: 44px; - padding: 0 44px; - white-space: nowrap; - text-overflow: ellipsis; - box-shadow: none !important; - user-select: none; - pointer-events: none; - } - /* line 197, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li.app-navigation-caption:not(:first-child) { - margin-top: 22px; - /* Second level nesting for lists */ - } - /* line 203, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > ul { - flex: 0 1 auto; - width: 100%; - position: relative; - } - /* line 207, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > ul > li { - display: inline-flex; - flex-wrap: wrap; - padding-left: 44px; - } - /* line 211, /var/www/nextcloud/core/css/apps.scss */ - /* line 213, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > ul > li:hover, #app-navigation:not(.vue) > ul > li > ul > li:focus, #app-navigation:not(.vue) > ul > li > ul > li:hover > a, #app-navigation:not(.vue) > ul > li > ul > li:focus > a { - background-color: var(--color-background-hover); - } - /* line 218, /var/www/nextcloud/core/css/apps.scss */ - /* line 220, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > ul > li.active, #app-navigation:not(.vue) > ul > li > ul > li a.selected, #app-navigation:not(.vue) > ul > li > ul > li.active > a, #app-navigation:not(.vue) > ul > li > ul > li a.selected > a { - background-color: var(--color-primary-light); - /* align loader */ - } - /* line 227, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small:after { - left: 22px; - /* 44px / 2 */ - } - /* line 231, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-deleted { - /* margin to keep active indicator visible */ - margin-left: 4px; - padding-left: 84px; - } - /* line 237, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-edit { - /* margin to keep active indicator visible */ - margin-left: 4px; - /* align the input correctly with the link text - 44px+44px-4px-6px padding for the input */ - padding-left: 78px !important; - /* Menu and submenu */ - } - /* line 248, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li, #app-navigation:not(.vue) > ul > li > ul > li { - position: relative; - width: 100%; - box-sizing: border-box; - /* hide icons if loading */ - } - /* line 254, /var/www/nextcloud/core/css/apps.scss */ - /* line 255, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li.icon-loading-small > a, #app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small > a, #app-navigation:not(.vue) > ul > li.icon-loading-small > .app-navigation-entry-bullet, #app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small > .app-navigation-entry-bullet { - /* hide icon or bullet if loading state*/ - background: transparent !important; - /* Main entry link */ - } - /* line 262, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > a, #app-navigation:not(.vue) > ul > li > ul > li > a { - background-size: 16px 16px; - background-position: 14px center; - background-repeat: no-repeat; - display: block; - justify-content: space-between; - line-height: 44px; - min-height: 44px; - padding: 0 12px 0 44px; - overflow: hidden; - box-sizing: border-box; - white-space: nowrap; - text-overflow: ellipsis; - color: var(--color-main-text); - opacity: 0.8; - flex: 1 1 0px; - z-index: 100; - /* above the bullet to allow click*/ - /* TODO: forbid using img as icon in menu? */ - } - /* line 280, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > a:first-child img, #app-navigation:not(.vue) > ul > li > ul > li > a:first-child img { - margin-right: 11px; - width: 16px; - height: 16px; - margin-left: -30px; - /* counter can also be inside the link */ - } - /* line 288, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > a > .app-navigation-entry-utils, #app-navigation:not(.vue) > ul > li > ul > li > a > .app-navigation-entry-utils { - display: inline-block; - float: right; - } - /* line 291, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > a > .app-navigation-entry-utils .app-navigation-entry-utils-counter, #app-navigation:not(.vue) > ul > li > ul > li > a > .app-navigation-entry-utils .app-navigation-entry-utils-counter { - padding-right: 0 !important; - /* Bullet icon */ - } - /* line 297, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > .app-navigation-entry-bullet, #app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-bullet { - position: absolute; - display: block; - margin: 16px; - width: 12px; - height: 12px; - border: none; - border-radius: 50%; - cursor: pointer; - transition: background 100ms ease-in-out; - } - /* line 308, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > .app-navigation-entry-bullet + a, #app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-bullet + a { - /* hide icon if bullet, can't have both */ - background: transparent !important; - /* popover fix the flex positionning of the li parent */ - } - /* line 315, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li > .app-navigation-entry-menu, #app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-menu { - top: 44px; - /* show edit/undo field if editing/deleted */ - } - /* line 320, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li.editing .app-navigation-entry-edit, #app-navigation:not(.vue) > ul > li > ul > li.editing .app-navigation-entry-edit { - opacity: 1; - z-index: 250; - } - /* line 324, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) > ul > li.deleted .app-navigation-entry-deleted, #app-navigation:not(.vue) > ul > li > ul > li.deleted .app-navigation-entry-deleted { - transform: translateX(0); - z-index: 250; - } - /* line 330, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue).hidden { - display: none; - /** - * Button styling for menu, edit and undo - */ - } - /* line 337, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button, #app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button { - border: 0; - opacity: 0.5; - background-color: transparent; - background-repeat: no-repeat; - background-position: center; - } - /* line 344, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button:hover, #app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover, #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button > button:focus, #app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus { - background-color: transparent; - opacity: 1; - /** - * Collapsible menus - */ - } - /* line 354, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .collapsible { - /* Fallback for old collapse button. - TODO: to be removed. Leaved here for retro compatibility */ - } - /* line 357, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .collapsible .collapse { - opacity: 0; - position: absolute; - width: 44px; - height: 44px; - margin: 0; - z-index: 110; - /* Needed for IE11; otherwise the button appears to the right of the - * link. */ - left: 0; - } - /* line 369, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .collapsible:before { - position: absolute; - height: 44px; - width: 44px; - margin: 0; - padding: 0; - background: none; - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-triangle-s-000); - background-size: 16px; - background-repeat: no-repeat; - background-position: center; - border: none; - border-radius: 0; - outline: none !important; - box-shadow: none; - content: ' '; - opacity: 0; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - z-index: 105; - background-color: var(--color-background-hover); - border-radius: 50%; - transition: opacity 100ms ease-in-out; - /* force padding on link no matter if 'a' has an icon class */ - } - /* line 396, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .collapsible > a:first-child { - padding-left: 44px; - } - /* line 399, /var/www/nextcloud/core/css/apps.scss */ - /* line 401, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .collapsible:hover:before, #app-navigation:not(.vue) .collapsible:focus:before { - opacity: 1; - } - /* line 404, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .collapsible:hover > .app-navigation-entry-bullet, #app-navigation:not(.vue) .collapsible:focus > .app-navigation-entry-bullet { - background: transparent !important; - } - /* line 408, /var/www/nextcloud/core/css/apps.scss */ - /* line 409, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .collapsible.open:before { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - /** - * App navigation utils, buttons and counters for drop down menu - */ - } - /* line 420, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils { - flex: 0 1 auto; - } - /* line 422, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils ul { - display: flex !important; - align-items: center; - justify-content: flex-end; - } - /* line 427, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils li { - width: 44px !important; - height: 44px; - } - /* line 431, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils button { - height: 100%; - width: 100%; - margin: 0; - box-shadow: none; - } - /* line 437, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button { - /* Prevent bg img override if an icon class is set */ - } - /* line 439, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button button:not([class^='icon-']):not([class*=' icon-']) { - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-more-000); - } - /* line 442, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:hover button, #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button:focus button { - background-color: transparent; - opacity: 1; - } - /* line 448, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter { - overflow: hidden; - text-align: right; - font-size: 9pt; - line-height: 44px; - padding: 0 12px; - /* Same padding as all li > a in the app-navigation */ - } - /* line 455, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted { - padding: 0; - text-align: center; - } - /* line 458, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted span { - padding: 2px 5px; - border-radius: 10px; - background-color: var(--color-primary); - color: var(--color-primary-text); - /** - * Editable entries - */ - } - /* line 471, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-edit { - padding-left: 5px; - padding-right: 5px; - display: block; - width: calc(100% - 1px); - /* Avoid border overlapping */ - transition: opacity 250ms ease-in-out; - opacity: 0; - position: absolute; - background-color: var(--color-main-background); - z-index: -1; - } - /* line 481, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-edit form, #app-navigation:not(.vue) .app-navigation-entry-edit div { - display: inline-flex; - width: 100%; - } - /* line 486, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-edit input { - padding: 5px; - margin-right: 0; - height: 38px; - } - /* line 490, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-edit input:hover, #app-navigation:not(.vue) .app-navigation-entry-edit input:focus { - /* overlapp borders */ - z-index: 1; - } - /* line 496, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-edit input[type='text'] { - width: 100%; - min-width: 0; - /* firefox hack: override auto */ - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - /* line 502, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-edit button, #app-navigation:not(.vue) .app-navigation-entry-edit input:not([type='text']) { - width: 36px; - height: 38px; - flex: 0 0 36px; - } - /* line 507, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-edit button:not(:last-child), #app-navigation:not(.vue) .app-navigation-entry-edit input:not([type='text']):not(:last-child) { - border-radius: 0 !important; - } - /* line 510, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-edit button:not(:first-child), #app-navigation:not(.vue) .app-navigation-entry-edit input:not([type='text']):not(:first-child) { - margin-left: -1px; - } - /* line 513, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-edit button:last-child, #app-navigation:not(.vue) .app-navigation-entry-edit input:not([type='text']):last-child { - border-bottom-right-radius: var(--border-radius); - border-top-right-radius: var(--border-radius); - border-bottom-left-radius: 0; - border-top-left-radius: 0; - /** - * Deleted entries with undo button - */ - } - /* line 525, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-deleted { - display: inline-flex; - padding-left: 44px; - transform: translateX(300px); - } - /* line 529, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-description { - position: relative; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - flex: 1 1 0px; - line-height: 44px; - } - /* line 537, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button { - margin: 0; - height: 44px; - width: 44px; - line-height: 44px; - } - /* line 542, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:hover, #app-navigation:not(.vue) .app-navigation-entry-deleted .app-navigation-entry-deleted-button:focus { - opacity: 1; - /** - * Common rules for animation of undo and edit entries - */ - } - /* line 552, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-edit, #app-navigation:not(.vue) .app-navigation-entry-deleted { - width: calc(100% - 1px); - /* Avoid border overlapping */ - transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, z-index 250ms ease-in-out; - position: absolute; - left: 0; - background-color: var(--color-main-background); - box-sizing: border-box; - /** - * drag and drop - */ - } - /* line 567, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .drag-and-drop { - -webkit-transition: padding-bottom 500ms ease 0s; - transition: padding-bottom 500ms ease 0s; - padding-bottom: 40px; - } - /* line 573, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .error { - color: var(--color-error); - } - /* line 577, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.vue) .app-navigation-entry-utils ul, #app-navigation:not(.vue) .app-navigation-entry-menu ul { - list-style-type: none; - } - /* CONTENT --------------------------------------------------------- */ - /* line 585, /var/www/nextcloud/core/css/apps.scss */ - #content { - box-sizing: border-box; - position: relative; - display: flex; - padding-top: 50px; - min-height: 100%; - } - /* APP-CONTENT AND WRAPPER ------------------------------------------ */ - /* Part where the content will be loaded into */ - /** - * !Important. We are defining the minimum requirement we want for flex - * Just before the mobile breakpoint we have $breakpoint-mobile (1024px) - $navigation-width - * -> 468px. In that case we want 200px for the list and 268px for the content - */ - /* line 604, /var/www/nextcloud/core/css/apps.scss */ - #app-content { - z-index: 1000; - background-color: var(--color-main-background); - position: relative; - flex-basis: 100vw; - min-height: 100%; - /* margin if navigation element is here */ - } - /* line 611, /var/www/nextcloud/core/css/apps.scss */ - #app-navigation:not(.hidden) + #app-content { - margin-left: 300px; - /* no top border for first settings item */ - } - /* line 615, /var/www/nextcloud/core/css/apps.scss */ - #app-content > .section:first-child { - border-top: none; - /* if app-content-list is present */ - } - /* line 620, /var/www/nextcloud/core/css/apps.scss */ - #app-content #app-content-wrapper { - display: flex; - position: relative; - align-items: stretch; - /* make sure we have at least full height for loaders or such - no need for list/details since we have a flex stretch */ - min-height: 100%; - /* CONTENT DETAILS AFTER LIST*/ - } - /* line 629, /var/www/nextcloud/core/css/apps.scss */ - #app-content #app-content-wrapper .app-content-details { - /* grow full width */ - flex: 1 1 524px; - } - /* line 632, /var/www/nextcloud/core/css/apps.scss */ - #app-content #app-content-wrapper .app-content-details #app-navigation-toggle-back { - display: none; - } - /* APP-SIDEBAR ------------------------------------------------------------ */ - /* - Sidebar: a sidebar to be used within #content - #app-content will be shrinked properly - */ - /* line 644, /var/www/nextcloud/core/css/apps.scss */ - #app-sidebar { - width: 27vw; - min-width: 300px; - max-width: 500px; - display: block; - position: -webkit-sticky; - position: sticky; - top: 50px; - right: 0; - overflow-y: auto; - overflow-x: hidden; - z-index: 1500; - height: calc(100vh - 50px); - background: var(--color-main-background); - border-left: 1px solid var(--color-border); - flex-shrink: 0; - } - /* line 660, /var/www/nextcloud/core/css/apps.scss */ - #app-sidebar.disappear { - display: none; - } - /* APP-SETTINGS ------------------------------------------------------------ */ - /* settings area */ - /* line 668, /var/www/nextcloud/core/css/apps.scss */ - #app-settings { - margin-top: auto; - } - /* line 671, /var/www/nextcloud/core/css/apps.scss */ - /* line 673, /var/www/nextcloud/core/css/apps.scss */ - #app-settings.open #app-settings-content, #app-settings.opened #app-settings-content { - display: block; - } - /* line 679, /var/www/nextcloud/core/css/apps.scss */ - #app-settings-content { - display: none; - padding: 10px; - background-color: var(--color-main-background); - /* restrict height of settings and make scrollable */ - max-height: 300px; - overflow-y: auto; - box-sizing: border-box; - /* display input fields at full width */ - } - /* line 689, /var/www/nextcloud/core/css/apps.scss */ - #app-settings-content input[type='text'] { - width: 93%; - } - /* line 693, /var/www/nextcloud/core/css/apps.scss */ - #app-settings-content .info-text { - padding: 5px 0 7px 22px; - color: var(--color-text-lighter); - } - /* line 697, /var/www/nextcloud/core/css/apps.scss */ - /* line 698, /var/www/nextcloud/core/css/apps.scss */ - /* line 700, /var/www/nextcloud/core/css/apps.scss */ - /* line 702, /var/www/nextcloud/core/css/apps.scss */ - #app-settings-content input[type='checkbox'].radio + label, #app-settings-content input[type='radio'].radio + label, #app-settings-content input[type='checkbox'].checkbox + label, #app-settings-content input[type='radio'].checkbox + label { - display: inline-block; - width: 100%; - padding: 5px 0; - } - /* line 712, /var/www/nextcloud/core/css/apps.scss */ - #app-settings-header { - box-sizing: border-box; - background-color: var(--color-main-background); - } - /* line 718, /var/www/nextcloud/core/css/apps.scss */ - #app-settings-header .settings-button { - display: block; - height: 44px; - width: 100%; - padding: 0; - margin: 0; - background-color: var(--color-main-background); - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-settings-dark-000); - background-position: 14px center; - background-repeat: no-repeat; - box-shadow: none; - border: 0; - border-radius: 0; - text-align: left; - padding-left: 42px; - font-weight: normal; - /* like app-navigation a */ - color: var(--color-main-text); - } - /* line 738, /var/www/nextcloud/core/css/apps.scss */ - #app-settings-header .settings-button.opened { - border-top: solid 1px var(--color-border); - background-color: var(--color-main-background); - } - /* line 742, /var/www/nextcloud/core/css/apps.scss */ - #app-settings-header .settings-button:hover, #app-settings-header .settings-button:focus { - background-color: var(--color-background-hover); - } - /* GENERAL SECTION ------------------------------------------------------------ */ - /* line 749, /var/www/nextcloud/core/css/apps.scss */ - .section { - display: block; - padding: 30px; - margin-bottom: 24px; - } - /* line 753, /var/www/nextcloud/core/css/apps.scss */ - .section.hidden { - display: none !important; - /* slight position correction of checkboxes and radio buttons */ - } - /* line 757, /var/www/nextcloud/core/css/apps.scss */ - /* line 758, /var/www/nextcloud/core/css/apps.scss */ - .section input[type='checkbox'], .section input[type='radio'] { - vertical-align: -2px; - margin-right: 4px; - } - /* line 765, /var/www/nextcloud/core/css/apps.scss */ - .sub-section { - position: relative; - margin-top: 10px; - margin-left: 27px; - margin-bottom: 10px; - } - /* line 772, /var/www/nextcloud/core/css/apps.scss */ - .appear { - opacity: 1; - -webkit-transition: opacity 500ms ease 0s; - -moz-transition: opacity 500ms ease 0s; - -ms-transition: opacity 500ms ease 0s; - -o-transition: opacity 500ms ease 0s; - transition: opacity 500ms ease 0s; - } - /* line 779, /var/www/nextcloud/core/css/apps.scss */ - .appear.transparent { - opacity: 0; - } - /* TABS ------------------------------------------------------------ */ - /* line 785, /var/www/nextcloud/core/css/apps.scss */ - .tabHeaders { - display: flex; - margin-bottom: 16px; - } - /* line 789, /var/www/nextcloud/core/css/apps.scss */ - .tabHeaders .tabHeader { - display: flex; - flex-direction: column; - flex-grow: 1; - text-align: center; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - cursor: pointer; - color: var(--color-text-lighter); - margin-bottom: 1px; - padding: 5px; - } - /* line 802, /var/www/nextcloud/core/css/apps.scss */ - .tabHeaders .tabHeader.hidden { - display: none; - /* Use same amount as sidebar padding */ - } - /* line 807, /var/www/nextcloud/core/css/apps.scss */ - .tabHeaders .tabHeader:first-child { - padding-left: 15px; - } - /* line 810, /var/www/nextcloud/core/css/apps.scss */ - .tabHeaders .tabHeader:last-child { - padding-right: 15px; - } - /* line 814, /var/www/nextcloud/core/css/apps.scss */ - .tabHeaders .tabHeader .icon { - display: inline-block; - width: 100%; - height: 16px; - background-size: 16px; - vertical-align: middle; - margin-top: -2px; - margin-right: 3px; - opacity: 0.7; - cursor: pointer; - } - /* line 826, /var/www/nextcloud/core/css/apps.scss */ - .tabHeaders .tabHeader a { - color: var(--color-text-lighter); - margin-bottom: 1px; - overflow: hidden; - text-overflow: ellipsis; - } - /* line 832, /var/www/nextcloud/core/css/apps.scss */ - .tabHeaders .tabHeader.selected { - font-weight: bold; - } - /* line 835, /var/www/nextcloud/core/css/apps.scss */ - .tabHeaders .tabHeader.selected, .tabHeaders .tabHeader:hover, .tabHeaders .tabHeader:focus { - margin-bottom: 0px; - color: var(--color-main-text); - border-bottom: 1px solid var(--color-text-lighter); - } - /* line 844, /var/www/nextcloud/core/css/apps.scss */ - .tabsContainer { - clear: left; - } - /* line 846, /var/www/nextcloud/core/css/apps.scss */ - .tabsContainer .tab { - padding: 0 15px 15px; - } - /* POPOVER MENU ------------------------------------------------------------ */ - /* line 856, /var/www/nextcloud/core/css/apps.scss */ - /* line 858, /var/www/nextcloud/core/css/apps.scss */ - .ie .bubble, .edge .bubble, .ie .bubble:after, .edge .bubble:after, .ie .popovermenu, .edge .popovermenu, .ie .popovermenu:after, .edge .popovermenu:after, .ie #app-navigation .app-navigation-entry-menu, .edge #app-navigation .app-navigation-entry-menu, .ie #app-navigation .app-navigation-entry-menu:after, .edge #app-navigation .app-navigation-entry-menu:after { - border: 1px solid var(--color-border); - } - /* line 866, /var/www/nextcloud/core/css/apps.scss */ - .bubble, .app-navigation-entry-menu, .popovermenu { - position: absolute; - background-color: var(--color-main-background); - color: var(--color-main-text); - border-radius: var(--border-radius); - z-index: 110; - margin: 5px; - margin-top: -5px; - right: 0; - filter: drop-shadow(0 1px 3px var(--color-box-shadow)); - display: none; - will-change: filter; - } - /* line 881, /var/www/nextcloud/core/css/apps.scss */ - .bubble:after, .app-navigation-entry-menu:after, .popovermenu:after { - bottom: 100%; - right: 7px; - /* change this to adjust the arrow position */ - border: solid transparent; - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-bottom-color: var(--color-main-background); - border-width: 9px; - /* Center the popover */ - } - /* line 899, /var/www/nextcloud/core/css/apps.scss */ - .bubble.menu-center, .app-navigation-entry-menu.menu-center, .popovermenu.menu-center { - transform: translateX(50%); - right: 50%; - margin-right: 0; - } - /* line 903, /var/www/nextcloud/core/css/apps.scss */ - .bubble.menu-center:after, .app-navigation-entry-menu.menu-center:after, .popovermenu.menu-center:after { - right: 50%; - transform: translateX(50%); - /* Align the popover to the left */ - } - /* line 909, /var/www/nextcloud/core/css/apps.scss */ - .bubble.menu-left, .app-navigation-entry-menu.menu-left, .popovermenu.menu-left { - right: auto; - left: 0; - margin-right: 0; - } - /* line 913, /var/www/nextcloud/core/css/apps.scss */ - .bubble.menu-left:after, .app-navigation-entry-menu.menu-left:after, .popovermenu.menu-left:after { - left: 6px; - right: auto; - } - /* line 919, /var/www/nextcloud/core/css/apps.scss */ - .bubble.open, .app-navigation-entry-menu.open, .popovermenu.open { - display: block; - } - /* line 923, /var/www/nextcloud/core/css/apps.scss */ - .bubble.contactsmenu-popover, .app-navigation-entry-menu.contactsmenu-popover, .popovermenu.contactsmenu-popover { - margin: 0; - } - /* line 927, /var/www/nextcloud/core/css/apps.scss */ - .bubble ul, .app-navigation-entry-menu ul, .popovermenu ul { - /* Overwrite #app-navigation > ul ul */ - display: flex !important; - flex-direction: column; - } - /* line 932, /var/www/nextcloud/core/css/apps.scss */ - .bubble li, .app-navigation-entry-menu li, .popovermenu li { - display: flex; - flex: 0 0 auto; - } - /* line 936, /var/www/nextcloud/core/css/apps.scss */ - .bubble li.hidden, .app-navigation-entry-menu li.hidden, .popovermenu li.hidden { - display: none; - } - /* line 940, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button, .app-navigation-entry-menu li > button, .popovermenu li > button, .bubble li > a, .app-navigation-entry-menu li > a, .popovermenu li > a, .bubble li > .menuitem, .app-navigation-entry-menu li > .menuitem, .popovermenu li > .menuitem { - cursor: pointer; - line-height: 44px; - border: 0; - border-radius: 0; - background-color: transparent; - display: flex; - align-items: flex-start; - height: auto; - margin: 0; - font-weight: normal; - box-shadow: none; - width: 100%; - color: var(--color-main-text); - white-space: nowrap; - } - /* line 958, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button span[class^='icon-'], .app-navigation-entry-menu li > button span[class^='icon-'], .popovermenu li > button span[class^='icon-'], .bubble li > a span[class^='icon-'], .app-navigation-entry-menu li > a span[class^='icon-'], .popovermenu li > a span[class^='icon-'], .bubble li > .menuitem span[class^='icon-'], .app-navigation-entry-menu li > .menuitem span[class^='icon-'], .popovermenu li > .menuitem span[class^='icon-'], .bubble li > button span[class*=' icon-'], .app-navigation-entry-menu li > button span[class*=' icon-'], .popovermenu li > button span[class*=' icon-'], .bubble li > a span[class*=' icon-'], .app-navigation-entry-menu li > a span[class*=' icon-'], .popovermenu li > a span[class*=' icon-'], .bubble li > .menuitem span[class*=' icon-'], .app-navigation-entry-menu li > .menuitem span[class*=' icon-'], .popovermenu li > .menuitem span[class*=' icon-'], .bubble li > button[class^='icon-'], .app-navigation-entry-menu li > button[class^='icon-'], .popovermenu li > button[class^='icon-'], .bubble li > a[class^='icon-'], .app-navigation-entry-menu li > a[class^='icon-'], .popovermenu li > a[class^='icon-'], .bubble li > .menuitem[class^='icon-'], .app-navigation-entry-menu li > .menuitem[class^='icon-'], .popovermenu li > .menuitem[class^='icon-'], .bubble li > button[class*=' icon-'], .app-navigation-entry-menu li > button[class*=' icon-'], .popovermenu li > button[class*=' icon-'], .bubble li > a[class*=' icon-'], .app-navigation-entry-menu li > a[class*=' icon-'], .popovermenu li > a[class*=' icon-'], .bubble li > .menuitem[class*=' icon-'], .app-navigation-entry-menu li > .menuitem[class*=' icon-'], .popovermenu li > .menuitem[class*=' icon-'] { - min-width: 0; - /* Overwrite icons*/ - min-height: 0; - background-position: 14px center; - background-size: 16px; - } - /* line 967, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button span[class^='icon-'], .app-navigation-entry-menu li > button span[class^='icon-'], .popovermenu li > button span[class^='icon-'], .bubble li > a span[class^='icon-'], .app-navigation-entry-menu li > a span[class^='icon-'], .popovermenu li > a span[class^='icon-'], .bubble li > .menuitem span[class^='icon-'], .app-navigation-entry-menu li > .menuitem span[class^='icon-'], .popovermenu li > .menuitem span[class^='icon-'], .bubble li > button span[class*=' icon-'], .app-navigation-entry-menu li > button span[class*=' icon-'], .popovermenu li > button span[class*=' icon-'], .bubble li > a span[class*=' icon-'], .app-navigation-entry-menu li > a span[class*=' icon-'], .popovermenu li > a span[class*=' icon-'], .bubble li > .menuitem span[class*=' icon-'], .app-navigation-entry-menu li > .menuitem span[class*=' icon-'], .popovermenu li > .menuitem span[class*=' icon-'] { - /* Keep padding to define the width to - assure correct position of a possible text */ - padding: 22px 0 22px 44px; - } - /* line 974, /var/www/nextcloud/core/css/apps.scss */ - /* line 975, /var/www/nextcloud/core/css/apps.scss */ - /* line 978, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button:not([class^='icon-']):not([class*='icon-']) > span:not([class^='icon-']):not([class*='icon-']):first-child, .app-navigation-entry-menu li > button:not([class^='icon-']):not([class*='icon-']) > span:not([class^='icon-']):not([class*='icon-']):first-child, .popovermenu li > button:not([class^='icon-']):not([class*='icon-']) > span:not([class^='icon-']):not([class*='icon-']):first-child, .bubble li > a:not([class^='icon-']):not([class*='icon-']) > span:not([class^='icon-']):not([class*='icon-']):first-child, .app-navigation-entry-menu li > a:not([class^='icon-']):not([class*='icon-']) > span:not([class^='icon-']):not([class*='icon-']):first-child, .popovermenu li > a:not([class^='icon-']):not([class*='icon-']) > span:not([class^='icon-']):not([class*='icon-']):first-child, .bubble li > .menuitem:not([class^='icon-']):not([class*='icon-']) > span:not([class^='icon-']):not([class*='icon-']):first-child, .app-navigation-entry-menu li > .menuitem:not([class^='icon-']):not([class*='icon-']) > span:not([class^='icon-']):not([class*='icon-']):first-child, .popovermenu li > .menuitem:not([class^='icon-']):not([class*='icon-']) > span:not([class^='icon-']):not([class*='icon-']):first-child, .bubble li > button:not([class^='icon-']):not([class*='icon-']) > input:not([class^='icon-']):not([class*='icon-']):first-child, .app-navigation-entry-menu li > button:not([class^='icon-']):not([class*='icon-']) > input:not([class^='icon-']):not([class*='icon-']):first-child, .popovermenu li > button:not([class^='icon-']):not([class*='icon-']) > input:not([class^='icon-']):not([class*='icon-']):first-child, .bubble li > a:not([class^='icon-']):not([class*='icon-']) > input:not([class^='icon-']):not([class*='icon-']):first-child, .app-navigation-entry-menu li > a:not([class^='icon-']):not([class*='icon-']) > input:not([class^='icon-']):not([class*='icon-']):first-child, .popovermenu li > a:not([class^='icon-']):not([class*='icon-']) > input:not([class^='icon-']):not([class*='icon-']):first-child, .bubble li > .menuitem:not([class^='icon-']):not([class*='icon-']) > input:not([class^='icon-']):not([class*='icon-']):first-child, .app-navigation-entry-menu li > .menuitem:not([class^='icon-']):not([class*='icon-']) > input:not([class^='icon-']):not([class*='icon-']):first-child, .popovermenu li > .menuitem:not([class^='icon-']):not([class*='icon-']) > input:not([class^='icon-']):not([class*='icon-']):first-child, .bubble li > button:not([class^='icon-']):not([class*='icon-']) > form:not([class^='icon-']):not([class*='icon-']):first-child, .app-navigation-entry-menu li > button:not([class^='icon-']):not([class*='icon-']) > form:not([class^='icon-']):not([class*='icon-']):first-child, .popovermenu li > button:not([class^='icon-']):not([class*='icon-']) > form:not([class^='icon-']):not([class*='icon-']):first-child, .bubble li > a:not([class^='icon-']):not([class*='icon-']) > form:not([class^='icon-']):not([class*='icon-']):first-child, .app-navigation-entry-menu li > a:not([class^='icon-']):not([class*='icon-']) > form:not([class^='icon-']):not([class*='icon-']):first-child, .popovermenu li > a:not([class^='icon-']):not([class*='icon-']) > form:not([class^='icon-']):not([class*='icon-']):first-child, .bubble li > .menuitem:not([class^='icon-']):not([class*='icon-']) > form:not([class^='icon-']):not([class*='icon-']):first-child, .app-navigation-entry-menu li > .menuitem:not([class^='icon-']):not([class*='icon-']) > form:not([class^='icon-']):not([class*='icon-']):first-child, .popovermenu li > .menuitem:not([class^='icon-']):not([class*='icon-']) > form:not([class^='icon-']):not([class*='icon-']):first-child { - margin-left: 44px; - } - /* line 983, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button[class^='icon-'], .app-navigation-entry-menu li > button[class^='icon-'], .popovermenu li > button[class^='icon-'], .bubble li > a[class^='icon-'], .app-navigation-entry-menu li > a[class^='icon-'], .popovermenu li > a[class^='icon-'], .bubble li > .menuitem[class^='icon-'], .app-navigation-entry-menu li > .menuitem[class^='icon-'], .popovermenu li > .menuitem[class^='icon-'], .bubble li > button[class*=' icon-'], .app-navigation-entry-menu li > button[class*=' icon-'], .popovermenu li > button[class*=' icon-'], .bubble li > a[class*=' icon-'], .app-navigation-entry-menu li > a[class*=' icon-'], .popovermenu li > a[class*=' icon-'], .bubble li > .menuitem[class*=' icon-'], .app-navigation-entry-menu li > .menuitem[class*=' icon-'], .popovermenu li > .menuitem[class*=' icon-'] { - padding: 0 14px 0 44px !important; - } - /* line 987, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button:hover, .app-navigation-entry-menu li > button:hover, .popovermenu li > button:hover, .bubble li > a:hover, .app-navigation-entry-menu li > a:hover, .popovermenu li > a:hover, .bubble li > .menuitem:hover, .app-navigation-entry-menu li > .menuitem:hover, .popovermenu li > .menuitem:hover, .bubble li > button:focus, .app-navigation-entry-menu li > button:focus, .popovermenu li > button:focus, .bubble li > a:focus, .app-navigation-entry-menu li > a:focus, .popovermenu li > a:focus, .bubble li > .menuitem:focus, .app-navigation-entry-menu li > .menuitem:focus, .popovermenu li > .menuitem:focus { - background-color: var(--color-background-hover); - } - /* line 991, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button.active, .app-navigation-entry-menu li > button.active, .popovermenu li > button.active, .bubble li > a.active, .app-navigation-entry-menu li > a.active, .popovermenu li > a.active, .bubble li > .menuitem.active, .app-navigation-entry-menu li > .menuitem.active, .popovermenu li > .menuitem.active { - background-color: var(--color-primary-light); - /* prevent .action class to break the design */ - } - /* line 995, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button.action, .app-navigation-entry-menu li > button.action, .popovermenu li > button.action, .bubble li > a.action, .app-navigation-entry-menu li > a.action, .popovermenu li > a.action, .bubble li > .menuitem.action, .app-navigation-entry-menu li > .menuitem.action, .popovermenu li > .menuitem.action { - padding: inherit !important; - } - /* line 998, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button > span, .app-navigation-entry-menu li > button > span, .popovermenu li > button > span, .bubble li > a > span, .app-navigation-entry-menu li > a > span, .popovermenu li > a > span, .bubble li > .menuitem > span, .app-navigation-entry-menu li > .menuitem > span, .popovermenu li > .menuitem > span { - cursor: pointer; - white-space: nowrap; - } - /* line 1002, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button > p, .app-navigation-entry-menu li > button > p, .popovermenu li > button > p, .bubble li > a > p, .app-navigation-entry-menu li > a > p, .popovermenu li > a > p, .bubble li > .menuitem > p, .app-navigation-entry-menu li > .menuitem > p, .popovermenu li > .menuitem > p { - width: 150px; - line-height: 1.6em; - padding: 8px 0; - white-space: normal; - } - /* line 1008, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button > select, .app-navigation-entry-menu li > button > select, .popovermenu li > button > select, .bubble li > a > select, .app-navigation-entry-menu li > a > select, .popovermenu li > a > select, .bubble li > .menuitem > select, .app-navigation-entry-menu li > .menuitem > select, .popovermenu li > .menuitem > select { - margin: 0; - margin-left: 6px; - /* Add padding if contains icon+text */ - } - /* line 1013, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button:not(:empty), .app-navigation-entry-menu li > button:not(:empty), .popovermenu li > button:not(:empty), .bubble li > a:not(:empty), .app-navigation-entry-menu li > a:not(:empty), .popovermenu li > a:not(:empty), .bubble li > .menuitem:not(:empty), .app-navigation-entry-menu li > .menuitem:not(:empty), .popovermenu li > .menuitem:not(:empty) { - padding-right: 14px !important; - /* DEPRECATED! old img in popover fallback - * TODO: to remove */ - } - /* line 1018, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button > img, .app-navigation-entry-menu li > button > img, .popovermenu li > button > img, .bubble li > a > img, .app-navigation-entry-menu li > a > img, .popovermenu li > a > img, .bubble li > .menuitem > img, .app-navigation-entry-menu li > .menuitem > img, .popovermenu li > .menuitem > img { - width: 16px; - padding: 14px; - /* checkbox/radio fixes */ - } - /* line 1023, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button > input.radio + label, .app-navigation-entry-menu li > button > input.radio + label, .popovermenu li > button > input.radio + label, .bubble li > a > input.radio + label, .app-navigation-entry-menu li > a > input.radio + label, .popovermenu li > a > input.radio + label, .bubble li > .menuitem > input.radio + label, .app-navigation-entry-menu li > .menuitem > input.radio + label, .popovermenu li > .menuitem > input.radio + label, .bubble li > button > input.checkbox + label, .app-navigation-entry-menu li > button > input.checkbox + label, .popovermenu li > button > input.checkbox + label, .bubble li > a > input.checkbox + label, .app-navigation-entry-menu li > a > input.checkbox + label, .popovermenu li > a > input.checkbox + label, .bubble li > .menuitem > input.checkbox + label, .app-navigation-entry-menu li > .menuitem > input.checkbox + label, .popovermenu li > .menuitem > input.checkbox + label { - padding: 0 !important; - width: 100%; - } - /* line 1028, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button > input.checkbox + label::before, .app-navigation-entry-menu li > button > input.checkbox + label::before, .popovermenu li > button > input.checkbox + label::before, .bubble li > a > input.checkbox + label::before, .app-navigation-entry-menu li > a > input.checkbox + label::before, .popovermenu li > a > input.checkbox + label::before, .bubble li > .menuitem > input.checkbox + label::before, .app-navigation-entry-menu li > .menuitem > input.checkbox + label::before, .popovermenu li > .menuitem > input.checkbox + label::before { - margin: -2px 13px 0; - } - /* line 1031, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button > input.radio + label::before, .app-navigation-entry-menu li > button > input.radio + label::before, .popovermenu li > button > input.radio + label::before, .bubble li > a > input.radio + label::before, .app-navigation-entry-menu li > a > input.radio + label::before, .popovermenu li > a > input.radio + label::before, .bubble li > .menuitem > input.radio + label::before, .app-navigation-entry-menu li > .menuitem > input.radio + label::before, .popovermenu li > .menuitem > input.radio + label::before { - margin: -2px 12px 0; - } - /* line 1034, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button > input:not([type=radio]):not([type=checkbox]):not([type=image]), .app-navigation-entry-menu li > button > input:not([type=radio]):not([type=checkbox]):not([type=image]), .popovermenu li > button > input:not([type=radio]):not([type=checkbox]):not([type=image]), .bubble li > a > input:not([type=radio]):not([type=checkbox]):not([type=image]), .app-navigation-entry-menu li > a > input:not([type=radio]):not([type=checkbox]):not([type=image]), .popovermenu li > a > input:not([type=radio]):not([type=checkbox]):not([type=image]), .bubble li > .menuitem > input:not([type=radio]):not([type=checkbox]):not([type=image]), .app-navigation-entry-menu li > .menuitem > input:not([type=radio]):not([type=checkbox]):not([type=image]), .popovermenu li > .menuitem > input:not([type=radio]):not([type=checkbox]):not([type=image]) { - width: 150px; - } - /* line 1037, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button form, .app-navigation-entry-menu li > button form, .popovermenu li > button form, .bubble li > a form, .app-navigation-entry-menu li > a form, .popovermenu li > a form, .bubble li > .menuitem form, .app-navigation-entry-menu li > .menuitem form, .popovermenu li > .menuitem form { - display: flex; - flex: 1 1 auto; - /* put a small space between text and form - if there is an element before */ - } - /* line 1042, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button form:not(:first-child), .app-navigation-entry-menu li > button form:not(:first-child), .popovermenu li > button form:not(:first-child), .bubble li > a form:not(:first-child), .app-navigation-entry-menu li > a form:not(:first-child), .popovermenu li > a form:not(:first-child), .bubble li > .menuitem form:not(:first-child), .app-navigation-entry-menu li > .menuitem form:not(:first-child), .popovermenu li > .menuitem form:not(:first-child) { - margin-left: 5px; - /* no margin if hidden span before */ - } - /* line 1047, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button > span.hidden + form, .app-navigation-entry-menu li > button > span.hidden + form, .popovermenu li > button > span.hidden + form, .bubble li > a > span.hidden + form, .app-navigation-entry-menu li > a > span.hidden + form, .popovermenu li > a > span.hidden + form, .bubble li > .menuitem > span.hidden + form, .app-navigation-entry-menu li > .menuitem > span.hidden + form, .popovermenu li > .menuitem > span.hidden + form, .bubble li > button > span[style*='display:none'] + form, .app-navigation-entry-menu li > button > span[style*='display:none'] + form, .popovermenu li > button > span[style*='display:none'] + form, .bubble li > a > span[style*='display:none'] + form, .app-navigation-entry-menu li > a > span[style*='display:none'] + form, .popovermenu li > a > span[style*='display:none'] + form, .bubble li > .menuitem > span[style*='display:none'] + form, .app-navigation-entry-menu li > .menuitem > span[style*='display:none'] + form, .popovermenu li > .menuitem > span[style*='display:none'] + form { - margin-left: 0; - /* Inputs inside popover supports text, submit & reset */ - } - /* line 1052, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button input, .app-navigation-entry-menu li > button input, .popovermenu li > button input, .bubble li > a input, .app-navigation-entry-menu li > a input, .popovermenu li > a input, .bubble li > .menuitem input, .app-navigation-entry-menu li > .menuitem input, .popovermenu li > .menuitem input { - min-width: 44px; - max-height: 40px; - /* twice the element margin-y */ - margin: 2px 0; - flex: 1 1 auto; - } - /* line 1058, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button input:not(:first-child), .app-navigation-entry-menu li > button input:not(:first-child), .popovermenu li > button input:not(:first-child), .bubble li > a input:not(:first-child), .app-navigation-entry-menu li > a input:not(:first-child), .popovermenu li > a input:not(:first-child), .bubble li > .menuitem input:not(:first-child), .app-navigation-entry-menu li > .menuitem input:not(:first-child), .popovermenu li > .menuitem input:not(:first-child) { - margin-left: 5px; - /* css hack, only first not hidden */ - } - /* line 1064, /var/www/nextcloud/core/css/apps.scss */ - /* line 1065, /var/www/nextcloud/core/css/apps.scss */ - /* line 1066, /var/www/nextcloud/core/css/apps.scss */ - /* line 1067, /var/www/nextcloud/core/css/apps.scss */ - .bubble li:not(.hidden):not([style*='display:none']):first-of-type > button > form, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):first-of-type > button > form, .popovermenu li:not(.hidden):not([style*='display:none']):first-of-type > button > form, .bubble li:not(.hidden):not([style*='display:none']):first-of-type > a > form, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):first-of-type > a > form, .popovermenu li:not(.hidden):not([style*='display:none']):first-of-type > a > form, .bubble li:not(.hidden):not([style*='display:none']):first-of-type > .menuitem > form, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):first-of-type > .menuitem > form, .popovermenu li:not(.hidden):not([style*='display:none']):first-of-type > .menuitem > form, .bubble li:not(.hidden):not([style*='display:none']):first-of-type > button > input, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):first-of-type > button > input, .popovermenu li:not(.hidden):not([style*='display:none']):first-of-type > button > input, .bubble li:not(.hidden):not([style*='display:none']):first-of-type > a > input, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):first-of-type > a > input, .popovermenu li:not(.hidden):not([style*='display:none']):first-of-type > a > input, .bubble li:not(.hidden):not([style*='display:none']):first-of-type > .menuitem > input, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):first-of-type > .menuitem > input, .popovermenu li:not(.hidden):not([style*='display:none']):first-of-type > .menuitem > input { - margin-top: 12px; - } - /* line 1072, /var/www/nextcloud/core/css/apps.scss */ - /* line 1073, /var/www/nextcloud/core/css/apps.scss */ - /* line 1074, /var/www/nextcloud/core/css/apps.scss */ - .bubble li:not(.hidden):not([style*='display:none']):last-of-type > button > form, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):last-of-type > button > form, .popovermenu li:not(.hidden):not([style*='display:none']):last-of-type > button > form, .bubble li:not(.hidden):not([style*='display:none']):last-of-type > a > form, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):last-of-type > a > form, .popovermenu li:not(.hidden):not([style*='display:none']):last-of-type > a > form, .bubble li:not(.hidden):not([style*='display:none']):last-of-type > .menuitem > form, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):last-of-type > .menuitem > form, .popovermenu li:not(.hidden):not([style*='display:none']):last-of-type > .menuitem > form, .bubble li:not(.hidden):not([style*='display:none']):last-of-type > button > input, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):last-of-type > button > input, .popovermenu li:not(.hidden):not([style*='display:none']):last-of-type > button > input, .bubble li:not(.hidden):not([style*='display:none']):last-of-type > a > input, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):last-of-type > a > input, .popovermenu li:not(.hidden):not([style*='display:none']):last-of-type > a > input, .bubble li:not(.hidden):not([style*='display:none']):last-of-type > .menuitem > input, .app-navigation-entry-menu li:not(.hidden):not([style*='display:none']):last-of-type > .menuitem > input, .popovermenu li:not(.hidden):not([style*='display:none']):last-of-type > .menuitem > input { - margin-bottom: 12px; - } - /* line 1080, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button, .app-navigation-entry-menu li > button, .popovermenu li > button { - padding: 0; - } - /* line 1082, /var/www/nextcloud/core/css/apps.scss */ - .bubble li > button span, .app-navigation-entry-menu li > button span, .popovermenu li > button span { - opacity: 1; - } - /* "app-*" descendants use border-box sizing, so the height of the icon must be - * set to the height of the item (as well as its width to make it squared). */ - /* line 1092, /var/www/nextcloud/core/css/apps.scss */ - /* line 1093, /var/www/nextcloud/core/css/apps.scss */ - /* line 1096, /var/www/nextcloud/core/css/apps.scss */ - /* line 1097, /var/www/nextcloud/core/css/apps.scss */ - #content[class*='app-'] .bubble li > button, #content[class*='app-'] .app-navigation-entry-menu li > button, #content[class*='app-'] .popovermenu li > button, #content[class*='app-'] .bubble li > a, #content[class*='app-'] .app-navigation-entry-menu li > a, #content[class*='app-'] .popovermenu li > a, #content[class*='app-'] .bubble li > .menuitem, #content[class*='app-'] .app-navigation-entry-menu li > .menuitem, #content[class*='app-'] .popovermenu li > .menuitem { - /* DEPRECATED! old img in popover fallback - * TODO: to remove */ - } - /* line 1102, /var/www/nextcloud/core/css/apps.scss */ - #content[class*='app-'] .bubble li > button > img, #content[class*='app-'] .app-navigation-entry-menu li > button > img, #content[class*='app-'] .popovermenu li > button > img, #content[class*='app-'] .bubble li > a > img, #content[class*='app-'] .app-navigation-entry-menu li > a > img, #content[class*='app-'] .popovermenu li > a > img, #content[class*='app-'] .bubble li > .menuitem > img, #content[class*='app-'] .app-navigation-entry-menu li > .menuitem > img, #content[class*='app-'] .popovermenu li > .menuitem > img { - width: 44px; - height: 44px; - } - /* CONTENT LIST ------------------------------------------------------------ */ - /* line 1112, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list { - position: -webkit-sticky; - position: sticky; - top: 50px; - border-right: 1px solid var(--color-border); - display: flex; - flex-direction: column; - transition: transform 250ms ease-in-out; - min-height: calc(100vh - 50px); - max-height: calc(100vh - 50px); - overflow-y: auto; - overflow-x: hidden; - flex: 1 1 200px; - min-width: 200px; - max-width: 300px; - /* Default item */ - } - /* line 1128, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item { - position: relative; - height: 68px; - cursor: pointer; - padding: 10px 7px; - display: flex; - flex-wrap: wrap; - align-items: center; - flex: 0 0 auto; - /* Icon fixes */ - } - /* line 1139, /var/www/nextcloud/core/css/apps.scss */ - /* line 1141, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item > [class^='icon-'], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^='icon-'], .app-content-list .app-content-list-item > [class*=' icon-'], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=' icon-'] { - order: 4; - width: 24px; - height: 24px; - margin: -7px; - padding: 22px; - opacity: 0.3; - cursor: pointer; - } - /* line 1150, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item > [class^='icon-']:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^='icon-']:hover, .app-content-list .app-content-list-item > [class*=' icon-']:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=' icon-']:hover, .app-content-list .app-content-list-item > [class^='icon-']:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^='icon-']:focus, .app-content-list .app-content-list-item > [class*=' icon-']:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=' icon-']:focus { - opacity: 0.7; - } - /* line 1154, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item > [class^='icon-'][class^='icon-star'], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^='icon-'][class^='icon-star'], .app-content-list .app-content-list-item > [class*=' icon-'][class^='icon-star'], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=' icon-'][class^='icon-star'], .app-content-list .app-content-list-item > [class^='icon-'][class*=' icon-star'], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^='icon-'][class*=' icon-star'], .app-content-list .app-content-list-item > [class*=' icon-'][class*=' icon-star'], .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=' icon-'][class*=' icon-star'] { - opacity: 0.7; - } - /* line 1157, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item > [class^='icon-'][class^='icon-star']:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^='icon-'][class^='icon-star']:hover, .app-content-list .app-content-list-item > [class*=' icon-'][class^='icon-star']:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=' icon-'][class^='icon-star']:hover, .app-content-list .app-content-list-item > [class^='icon-'][class*=' icon-star']:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^='icon-'][class*=' icon-star']:hover, .app-content-list .app-content-list-item > [class*=' icon-'][class*=' icon-star']:hover, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=' icon-'][class*=' icon-star']:hover, .app-content-list .app-content-list-item > [class^='icon-'][class^='icon-star']:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^='icon-'][class^='icon-star']:focus, .app-content-list .app-content-list-item > [class*=' icon-'][class^='icon-star']:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=' icon-'][class^='icon-star']:focus, .app-content-list .app-content-list-item > [class^='icon-'][class*=' icon-star']:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^='icon-'][class*=' icon-star']:focus, .app-content-list .app-content-list-item > [class*=' icon-'][class*=' icon-star']:focus, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=' icon-'][class*=' icon-star']:focus { - opacity: 1; - } - /* line 1163, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item > [class^='icon-'].icon-starred, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class^='icon-'].icon-starred, .app-content-list .app-content-list-item > [class*=' icon-'].icon-starred, .app-content-list .app-content-list-item > .app-content-list-item-menu > [class*=' icon-'].icon-starred { - opacity: 1; - } - /* line 1169, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item:hover, .app-content-list .app-content-list-item:focus, .app-content-list .app-content-list-item.active { - background-color: var(--color-background-dark); - } - /* line 1174, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item:hover .app-content-list-item-checkbox.checkbox + label, .app-content-list .app-content-list-item:focus .app-content-list-item-checkbox.checkbox + label, .app-content-list .app-content-list-item.active .app-content-list-item-checkbox.checkbox + label { - display: flex; - } - /* line 1179, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label, .app-content-list .app-content-list-item .app-content-list-item-star { - position: absolute; - height: 40px; - width: 40px; - z-index: 50; - } - /* line 1187, /var/www/nextcloud/core/css/apps.scss */ - /* line 1188, /var/www/nextcloud/core/css/apps.scss */ - /* line 1192, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus + label, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active + label { - display: flex; - } - /* line 1196, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:checked + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:hover + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox:focus + label + .app-content-list-item-icon, .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox.active + label + .app-content-list-item-icon { - opacity: 0.7; - } - /* line 1201, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label { - top: 14px; - left: 7px; - display: none; - } - /* line 1206, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label::before { - margin: 0; - /* Hide the star, priority to the checkbox */ - } - /* line 1210, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-checkbox.checkbox + label ~ .app-content-list-item-star { - display: none; - } - /* line 1216, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-star { - display: flex; - top: 10px; - left: 32px; - background-size: 16px; - height: 20px; - width: 20px; - margin: 0; - padding: 0; - } - /* line 1227, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-icon { - position: absolute; - display: inline-block; - height: 40px; - width: 40px; - line-height: 40px; - border-radius: 50%; - vertical-align: middle; - margin-right: 10px; - color: #fff; - text-align: center; - font-size: 1.5em; - text-transform: capitalize; - object-fit: cover; - user-select: none; - cursor: pointer; - top: 50%; - margin-top: -20px; - } - /* line 1247, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-line-one, .app-content-list .app-content-list-item .app-content-list-item-line-two { - display: block; - padding-left: 50px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - order: 1; - flex: 1 1 0px; - padding-right: 10px; - cursor: pointer; - } - /* line 1260, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-line-two { - opacity: 0.5; - order: 3; - flex: 1 0; - flex-basis: calc(100% - 44px); - } - /* line 1267, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-details { - order: 2; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100px; - opacity: 0.5; - font-size: 80%; - user-select: none; - } - /* line 1278, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-menu { - order: 4; - position: relative; - } - /* line 1281, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list .app-content-list-item .app-content-list-item-menu .popovermenu { - margin: 0; - right: -2px; - } - /* line 1289, /var/www/nextcloud/core/css/apps.scss */ - .app-content-list.selection .app-content-list-item-checkbox.checkbox + label { - display: flex; - } - /* Copyright (c) 2015, Raghu Nayyar, http://raghunayyar.com - This file is licensed under the Affero General Public License version 3 or later. - See the COPYING-README file. */ - /* Global Components */ - /* line 7, /var/www/nextcloud/core/css/global.scss */ - .pull-left { - float: left; - } - /* line 11, /var/www/nextcloud/core/css/global.scss */ - .pull-right { - float: right; - } - /* line 15, /var/www/nextcloud/core/css/global.scss */ - .clear-left { - clear: left; - } - /* line 19, /var/www/nextcloud/core/css/global.scss */ - .clear-right { - clear: right; - } - /* line 23, /var/www/nextcloud/core/css/global.scss */ - .clear-both { - clear: both; - } - /* line 27, /var/www/nextcloud/core/css/global.scss */ - .hidden { - display: none; - } - /* line 31, /var/www/nextcloud/core/css/global.scss */ - .hidden-visually { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - } - /* line 40, /var/www/nextcloud/core/css/global.scss */ - .bold { - font-weight: 600; - } - /* line 44, /var/www/nextcloud/core/css/global.scss */ - .center { - text-align: center; - } - /* line 48, /var/www/nextcloud/core/css/global.scss */ - .inlineblock { - display: inline-block; - } - /* ---- BROWSER-SPECIFIC FIXES ---- */ - /* remove dotted outlines in Firefox */ - /* line 4, /var/www/nextcloud/core/css/fixes.scss */ - ::-moz-focus-inner { - border: 0; - } - @media only screen and (max-width: 1024px) { - /* line 1, /var/www/nextcloud/core/css/mobile.scss */ - /* position share dropdown */ - /* line 4, /var/www/nextcloud/core/css/mobile.scss */ - #dropdown { - margin-right: 10% !important; - width: 80% !important; - /* fix name autocomplete not showing on mobile */ - } - /* line 10, /var/www/nextcloud/core/css/mobile.scss */ - .ui-autocomplete { - z-index: 1000 !important; - /* fix error display on smaller screens */ - } - /* line 15, /var/www/nextcloud/core/css/mobile.scss */ - .error-wide { - width: 100%; - margin-left: 0 !important; - box-sizing: border-box; - /* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/ - } - /* line 22, /var/www/nextcloud/core/css/mobile.scss */ - #app-navigation { - transform: translateX(-300px); - } - /* line 25, /var/www/nextcloud/core/css/mobile.scss */ - /* line 26, /var/www/nextcloud/core/css/mobile.scss */ - .snapjs-left #app-navigation { - transform: translateX(0); - } - /* line 31, /var/www/nextcloud/core/css/mobile.scss */ - #app-navigation:not(.hidden) + #app-content { - margin-left: 0; - } - /* line 35, /var/www/nextcloud/core/css/mobile.scss */ - .skip-navigation.skip-content { - left: 3px; - margin-left: 0; - /* full width for message list on mobile */ - } - /* line 41, /var/www/nextcloud/core/css/mobile.scss */ - .app-content-list { - background: var(--color-main-background); - flex: 1 1 100%; - max-height: unset; - max-width: 100%; - } - /* line 48, /var/www/nextcloud/core/css/mobile.scss */ - .app-content-list + .app-content-details { - display: none; - } - /* line 51, /var/www/nextcloud/core/css/mobile.scss */ - .app-content-list.showdetails { - display: none; - } - /* line 53, /var/www/nextcloud/core/css/mobile.scss */ - .app-content-list.showdetails + .app-content-details { - display: initial; - /* Show app details page */ - } - /* line 60, /var/www/nextcloud/core/css/mobile.scss */ - /* line 61, /var/www/nextcloud/core/css/mobile.scss */ - #app-content.showdetails #app-navigation-toggle { - transform: translateX(-44px); - } - /* line 64, /var/www/nextcloud/core/css/mobile.scss */ - #app-content.showdetails #app-navigation-toggle-back { - position: fixed; - display: inline-block !important; - top: 50px; - left: 0; - width: 44px; - height: 44px; - z-index: 1050; - background-color: rgba(255, 255, 255, 0.7); - cursor: pointer; - opacity: 0.6; - transform: rotate(90deg); - } - /* line 77, /var/www/nextcloud/core/css/mobile.scss */ - #app-content.showdetails .app-content-list { - transform: translateX(-100%); - } - /* line 83, /var/www/nextcloud/core/css/mobile.scss */ - #app-navigation-toggle { - position: fixed; - display: inline-block !important; - left: 0; - width: 44px; - height: 44px; - z-index: 1050; - cursor: pointer; - opacity: 0.6; - } - /* line 93, /var/www/nextcloud/core/css/mobile.scss */ - #app-navigation-toggle:hover, #app-navigation-toggle:focus { - opacity: 1; - /* position controls for apps with app-navigation */ - } - /* line 99, /var/www/nextcloud/core/css/mobile.scss */ - #app-navigation + #app-content #controls { - padding-left: 44px; - /* .viewer-mode is when text editor, PDF viewer, etc is open */ - } - /* line 104, /var/www/nextcloud/core/css/mobile.scss */ - #body-user .app-files.viewer-mode #controls { - padding-left: 0 !important; - } - /* line 107, /var/www/nextcloud/core/css/mobile.scss */ - .app-files.viewer-mode #app-navigation-toggle { - display: none !important; - } - /* line 111, /var/www/nextcloud/core/css/mobile.scss */ - table.multiselect thead { - left: 0 !important; - /* prevent overflow in user management controls bar */ - } - /* line 116, /var/www/nextcloud/core/css/mobile.scss */ - #usersearchform { - display: none; - } - /* line 119, /var/www/nextcloud/core/css/mobile.scss */ - #body-settings #controls { - min-width: 1024px !important; - /* do not show dates in filepicker */ - } - /* line 124, /var/www/nextcloud/core/css/mobile.scss */ - #oc-dialog-filepicker-content .filelist #headerSize, #oc-dialog-filepicker-content .filelist #headerDate, #oc-dialog-filepicker-content .filelist .filesize, #oc-dialog-filepicker-content .filelist .date { - display: none; - } - /* line 130, /var/www/nextcloud/core/css/mobile.scss */ - #oc-dialog-filepicker-content .filelist .filename { - max-width: 100%; - } - /* line 134, /var/www/nextcloud/core/css/mobile.scss */ - .snapjs-left table.multiselect thead { - top: 44px; - /* end of media query */ - } - } - @media only screen and (max-width: 480px) { - /* line 141, /var/www/nextcloud/core/css/mobile.scss */ - /* line 142, /var/www/nextcloud/core/css/mobile.scss */ - #header .header-right > div > .menu { - max-width: calc(100vw - 10px); - position: fixed; - } - /* line 145, /var/www/nextcloud/core/css/mobile.scss */ - #header .header-right > div > .menu::after { - display: none !important; - /* Arrow directly child of menutoggle */ - } - /* line 150, /var/www/nextcloud/core/css/mobile.scss */ - /* line 151, /var/www/nextcloud/core/css/mobile.scss */ - /* line 152, /var/www/nextcloud/core/css/mobile.scss */ - #header .header-right > div.openedMenu::after { - display: block; - } - /* line 156, /var/www/nextcloud/core/css/mobile.scss */ - #header .header-right > div::after { - border: 10px solid transparent; - border-bottom-color: var(--color-main-background); - bottom: 0; - content: ' '; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - right: 15px; - z-index: 2001; - display: none; - /* settings need a different offset, since they have a right padding */ - } - /* line 171, /var/www/nextcloud/core/css/mobile.scss */ - #header .header-right > div#settings::after { - right: 27px; - } - /* line 176, /var/www/nextcloud/core/css/mobile.scss */ - #notification-container { - max-width: 100%; - width: 100%; - } - } - /** - * @copyright Copyright (c) 2016, John Molakvoæ - * @copyright Copyright (c) 2016, Robin Appelman - * @copyright Copyright (c) 2016, Jan-Christoph Borchardt - * @copyright Copyright (c) 2016, Erik Pellikka - * @copyright Copyright (c) 2015, Vincent Petry - * - * Bootstrap v3.3.5 (http://getbootstrap.com) - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ - /* line 13, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip { - position: absolute; - display: block; - font-family: var(--font-face); - font-style: normal; - font-weight: normal; - letter-spacing: normal; - line-break: auto; - line-height: 1.6; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - white-space: normal; - word-break: normal; - word-spacing: normal; - word-wrap: normal; - font-size: 12px; - opacity: 0; - z-index: 100000; - /* default to top */ - margin-top: -3px; - padding: 10px 0; - filter: drop-shadow(0 1px 10px var(--color-box-shadow)); - } - /* line 38, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.in, .tooltip.show, .tooltip.tooltip[aria-hidden='false'] { - visibility: visible; - opacity: 1; - transition: opacity 0.15s; - } - /* line 45, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.top .tooltip-arrow, .tooltip[x-placement^='top'] { - left: 50%; - margin-left: -10px; - } - /* line 50, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.bottom, .tooltip[x-placement^='bottom'] { - margin-top: 3px; - padding: 10px 0; - } - /* line 55, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.right, .tooltip[x-placement^='right'] { - margin-left: 3px; - padding: 0 10px; - } - /* line 59, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.right .tooltip-arrow, .tooltip[x-placement^='right'] .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -10px; - border-width: 10px 10px 10px 0; - border-right-color: var(--color-main-background); - } - /* line 67, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.left, .tooltip[x-placement^='left'] { - margin-left: -3px; - padding: 0 5px; - } - /* line 71, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.left .tooltip-arrow, .tooltip[x-placement^='left'] .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -10px; - border-width: 10px 0 10px 10px; - border-left-color: var(--color-main-background); - /* TOP */ - } - /* line 80, /var/www/nextcloud/core/css/tooltip.scss */ - /* line 84, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip[x-placement^='top'] .tooltip-arrow, .tooltip.top-right .tooltip-arrow, .tooltip.top .arrow, .tooltip.top-left .arrow, .tooltip[x-placement^='top'] .arrow, .tooltip.top-right .arrow { - bottom: 0; - border-width: 10px 10px 0; - border-top-color: var(--color-main-background); - } - /* line 90, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.top-left .tooltip-arrow { - right: 10px; - margin-bottom: -10px; - } - /* line 94, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.top-right .tooltip-arrow { - left: 10px; - margin-bottom: -10px; - /* BOTTOM */ - } - /* line 99, /var/www/nextcloud/core/css/tooltip.scss */ - /* line 103, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.bottom .tooltip-arrow, .tooltip[x-placement^='bottom'] .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow, .tooltip.bottom .arrow, .tooltip[x-placement^='bottom'] .arrow, .tooltip.bottom-left .arrow, .tooltip.bottom-right .arrow { - top: 0; - border-width: 0 10px 10px; - border-bottom-color: var(--color-main-background); - } - /* line 109, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip[x-placement^='bottom'] .tooltip-arrow, .tooltip.bottom .tooltip-arrow { - left: 50%; - margin-left: -10px; - } - /* line 114, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.bottom-left .tooltip-arrow { - right: 10px; - margin-top: -10px; - } - /* line 118, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip.bottom-right .tooltip-arrow { - left: 10px; - margin-top: -10px; - } - /* line 124, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip-inner { - max-width: 350px; - padding: 5px 8px; - background-color: var(--color-main-background); - color: var(--color-main-text); - text-align: center; - border-radius: var(--border-radius); - } - /* line 133, /var/www/nextcloud/core/css/tooltip.scss */ - .tooltip-arrow, .tooltip .arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - } - /* line 1, /var/www/nextcloud/core/css/toast.scss */ - .toastify.toast { - min-width: 200px; - background: none; - background-color: var(--color-main-background); - color: var(--color-main-text); - box-shadow: 0 0 6px 0 var(--color-box-shadow); - padding: 12px; - padding-right: 34px; - margin-top: 45px; - position: fixed; - z-index: 9000; - border-radius: var(--border-radius); - } - /* line 14, /var/www/nextcloud/core/css/toast.scss */ - .toastify.toast .toast-close { - position: absolute; - top: 0; - right: 0; - width: 38px; - opacity: 0.4; - padding: 12px; - /* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */ - - background-image: var(--icon-close-000); - background-position: center; - background-repeat: no-repeat; - text-indent: 200%; - white-space: nowrap; - overflow: hidden; - } - /* line 28, /var/www/nextcloud/core/css/toast.scss */ - .toastify.toast .toast-close:hover, .toastify.toast .toast-close:focus, .toastify.toast .toast-close:active { - cursor: pointer; - opacity: 1; - } - /* line 34, /var/www/nextcloud/core/css/toast.scss */ - .toastify.toastify-top { - right: 10px; - } - /* line 38, /var/www/nextcloud/core/css/toast.scss */ - .toast-error { - border-left: 3px solid var(--color-error); - } - /* line 41, /var/www/nextcloud/core/css/toast.scss */ - .toast-info { - border-left: 3px solid var(--color-primary); - } - /* line 44, /var/www/nextcloud/core/css/toast.scss */ - .toast-warning { - border-left: 3px solid var(--color-warning); - } - /* line 47, /var/www/nextcloud/core/css/toast.scss */ - .toast-success { - border-left: 3px solid var(--color-success); - } - /* line 3, /var/www/nextcloud/core/css/public.scss */ - /* line 4, /var/www/nextcloud/core/css/public.scss */ - /* line 6, /var/www/nextcloud/core/css/public.scss */ - #body-public .header-right #header-primary-action a { - color: var(--color-primary-text); - } - /* line 10, /var/www/nextcloud/core/css/public.scss */ - /* line 11, /var/www/nextcloud/core/css/public.scss */ - #body-public .header-right #header-secondary-action ul li { - min-width: 270px; - } - /* line 14, /var/www/nextcloud/core/css/public.scss */ - #body-public .header-right #header-secondary-action #header-actions-toggle { - background-color: transparent; - border-color: transparent; - } - /* line 18, /var/www/nextcloud/core/css/public.scss */ - #body-public .header-right #header-secondary-action #header-actions-toggle:hover, #body-public .header-right #header-secondary-action #header-actions-toggle:focus, #body-public .header-right #header-secondary-action #header-actions-toggle:active { - opacity: 1; - } - /* line 24, /var/www/nextcloud/core/css/public.scss */ - /* line 25, /var/www/nextcloud/core/css/public.scss */ - #body-public .header-right #header-secondary-action #external-share-menu-item form { - display: flex; - } - /* line 28, /var/www/nextcloud/core/css/public.scss */ - #body-public .header-right #header-secondary-action #external-share-menu-item .hidden { - display: none; - } - /* line 31, /var/www/nextcloud/core/css/public.scss */ - #body-public .header-right #header-secondary-action #external-share-menu-item #save-button-confirm { - flex-grow: 0; - } - /* line 38, /var/www/nextcloud/core/css/public.scss */ - #body-public #content { - min-height: calc(100% - 65px); - /** don't apply content header padding on the base layout */ - } - /* line 45, /var/www/nextcloud/core/css/public.scss */ - #body-public.layout-base #content { - padding-top: 0; - /* force layout to make sure the content element's height matches its contents' height */ - } - /* line 50, /var/www/nextcloud/core/css/public.scss */ - #body-public .ie #content { - display: inline-block; - } - /* line 55, /var/www/nextcloud/core/css/public.scss */ - #body-public p.info { - margin: 20px auto; - text-shadow: 0 0 2px rgba(0, 0, 0, 0.4); - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - /* line 62, /var/www/nextcloud/core/css/public.scss */ - #body-public p.info, #body-public form fieldset legend, #body-public #datadirContent label, #body-public form fieldset .warning-info, #body-public form input[type='checkbox'] + label { - text-align: center; - /* public footer */ - } - /* line 70, /var/www/nextcloud/core/css/public.scss */ - #body-public footer { - position: relative; - display: flex; - align-items: center; - justify-content: center; - height: 65px; - flex-direction: column; - } - /* line 77, /var/www/nextcloud/core/css/public.scss */ - #body-public footer p { - text-align: center; - color: var(--color-text-lighter); - } - /* line 80, /var/www/nextcloud/core/css/public.scss */ - #body-public footer p a { - color: var(--color-text-lighter); - font-weight: bold; - white-space: nowrap; - /* increasing clickability to more than the text height */ - padding: 10px; - margin: -10px; - line-height: 200%; - } - \ No newline at end of file diff --git a/styleguide/assets/variables.css b/styleguide/assets/variables.css deleted file mode 100644 index 3fc008a694..0000000000 --- a/styleguide/assets/variables.css +++ /dev/null @@ -1,79 +0,0 @@ -/* Plain */ -:root { - --color-main-background: #ffffff; - --color-main-background-rgb: 255, 255, 255; - --color-main-background-translucent: rgba( - var(--color-main-background-rgb), - 0.97 - ); - --color-main-background-blur: rgba(var(--color-main-background-rgb), 0.8); - --filter-background-blur: blur(25px); - --gradient-main-background: var(--color-main-background) 0%, - var(--color-main-background-translucent) 85%, transparent 100%; - --color-background-hover: #f5f5f5; - --color-background-dark: #ededed; - --color-background-darker: #dbdbdb; - --color-placeholder-light: #e6e6e6; - --color-placeholder-dark: #cccccc; - --color-primary: #0082c9; - --color-primary-text: #ffffff; - --color-primary-hover: #329bd3; - --color-primary-light: #e5f2f9; - --color-primary-light-text: #0082c9; - --color-primary-light-hover: #dbe7ee; - --color-primary-text-dark: #ededed; - --color-primary-element: #0082c9; - --color-primary-element-text: #ffffff; - --color-primary-element-hover: #329bd3; - --color-primary-element-light: #e5f2f9; - --color-primary-element-light-text: #0082c9; - --color-primary-element-light-hover: #dbe7ee; - --color-primary-element-text-dark: #ededed; - --gradient-primary-background: linear-gradient( - 40deg, - var(--color-primary) 0%, - var(--color-primary-hover) 100% - ); - --color-main-text: #222222; - --color-text-maxcontrast: #767676; - --color-text-light: #222222; - --color-text-lighter: #767676; - --color-error: #e9322d; - --color-error-rgb: 233, 50, 45; - --color-error-hover: #ed5a56; - --color-warning: #eca700; - --color-warning-rgb: 236, 167, 0; - --color-warning-hover: #efb832; - --color-success: #46ba61; - --color-success-rgb: 70, 186, 97; - --color-success-hover: #6ac780; - --color-loading-light: #cccccc; - --color-loading-dark: #444444; - --color-box-shadow-rgb: 77, 77, 77; - --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); - --color-border: #ededed; - --color-border-dark: #dbdbdb; - --font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Oxygen-Sans, Cantarell, Ubuntu, "Helvetica Neue", Arial, sans-serif, - "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --default-font-size: 15px; - --animation-quick: 100ms; - --animation-slow: 300ms; - --border-radius: 3px; - --border-radius-large: 10px; - --border-radius-pill: 100px; - --default-line-height: 24px; - --header-height: 50px; - --navigation-width: 300px; - --sidebar-min-width: 300px; - --sidebar-max-width: 500px; - --list-min-width: 200px; - --list-max-width: 300px; - --header-menu-item-height: 44px; - --header-menu-profile-item-height: 66px; - --breakpoint-mobile: 1024px; - --primary-invert-if-bright: no; - --background-invert-if-dark: no; - --background-invert-if-bright: invert(100%); -} diff --git a/tests/visual/components/NcAppSidebar/NcAppSidebarMixin.js b/tests/visual/components/NcAppSidebar/NcAppSidebarMixin.js index c1ae2a9b76..494e55a853 100644 --- a/tests/visual/components/NcAppSidebar/NcAppSidebarMixin.js +++ b/tests/visual/components/NcAppSidebar/NcAppSidebarMixin.js @@ -23,14 +23,13 @@ import { mount } from '@cypress/vue' import sanitize from 'sanitize-filename' -// import Vue from 'vue' import NcAppSidebar from '../../../../src/components/NcAppSidebar/NcAppSidebar.vue' import NcActionButton from '../../../../src/components/NcActionButton/NcActionButton.vue' -// // Server CSS styles -import '../../../../styleguide/assets/server.css' +// Server CSS styles import '../../../../styleguide/assets/icons.css' -import '../../../../styleguide/assets/variables.css' +import '../../../../styleguide/assets/additional.css' + /** * We need this custom style because we run the AppSidebar component without a Content component, * which applies this rule: