diff options
Diffstat (limited to 'apps/dashboard/css')
| -rw-r--r-- | apps/dashboard/css/dashboard.css | 4 | ||||
| -rw-r--r-- | apps/dashboard/css/dashboard.css.map | 1 | ||||
| -rw-r--r-- | apps/dashboard/css/dashboard.css.map.license | 3 | ||||
| -rw-r--r-- | apps/dashboard/css/dashboard.scss | 51 |
4 files changed, 59 insertions, 0 deletions
diff --git a/apps/dashboard/css/dashboard.css b/apps/dashboard/css/dashboard.css new file mode 100644 index 00000000000..555d524f5e8 --- /dev/null +++ b/apps/dashboard/css/dashboard.css @@ -0,0 +1,4 @@ +/*! + * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors + * SPDX-License-Identifier: AGPL-3.0-or-later + */#header{background:rgba(0,0,0,0) !important;--color-header: rgba(24, 24, 24, 1)}#body-user.dashboard--dark #header{--color-header: rgba(255, 255, 255, 1)}#header:before{content:" ";display:block;position:absolute;background-image:linear-gradient(180deg, var(--color-header) 0%, transparent 100%);width:100%;height:70px;top:0;margin-top:-70px;transition:margin-top var(--animation-slow)}#body-user.dashboard--scrolled #header:before{margin-top:0}#body-user.theme--highcontrast #header{background-color:var(--color-header) !important}#body-user.theme--highcontrast #header:before{display:none}#content{padding-top:0 !important}#appmenu li a.active::before,#appmenu li:hover a::before,#appmenu li:hover a.active::before,#appmenu li a:focus::before{display:none !important}/*# sourceMappingURL=dashboard.css.map */ diff --git a/apps/dashboard/css/dashboard.css.map b/apps/dashboard/css/dashboard.css.map new file mode 100644 index 00000000000..c0b088c930f --- /dev/null +++ b/apps/dashboard/css/dashboard.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAIA,QACC,oCACA,oCAEA,mCACC,uCAID,eACC,YACA,cACA,kBACA,mFACA,WACA,YACA,MACA,iBACA,4CAEA,8CACC,aAKF,uCACC,gDAEA,8CACC,aAMH,SACC,yBAID,wHAIC","file":"dashboard.css"}
\ No newline at end of file diff --git a/apps/dashboard/css/dashboard.css.map.license b/apps/dashboard/css/dashboard.css.map.license new file mode 100644 index 00000000000..d40c4ebf2cd --- /dev/null +++ b/apps/dashboard/css/dashboard.css.map.license @@ -0,0 +1,3 @@ +SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors +SPDX-License-Identifier: AGPL-3.0-or-later +
\ No newline at end of file diff --git a/apps/dashboard/css/dashboard.scss b/apps/dashboard/css/dashboard.scss new file mode 100644 index 00000000000..1ae2633d05a --- /dev/null +++ b/apps/dashboard/css/dashboard.scss @@ -0,0 +1,51 @@ +/*! + * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors + * SPDX-License-Identifier: AGPL-3.0-or-later + */ +#header { + background: transparent !important; + --color-header: rgba(24, 24, 24, 1); + + #body-user.dashboard--dark & { + --color-header: rgba(255, 255, 255, 1); + } + + // Show gradient below navigation for visibility of icons when scrolled + &:before { + content: ' '; + display: block; + position: absolute; + background-image: linear-gradient(180deg, var(--color-header) 0%, transparent 100%); + width: 100%; + height: 70px; + top: 0; + margin-top: -70px; + transition: margin-top var(--animation-slow); + + #body-user.dashboard--scrolled & { + margin-top: 0; + } + } + + // Use flat color instead of gradient for high contrast theme + #body-user.theme--highcontrast & { + background-color: var(--color-header) !important; + + &:before { + display: none; + } + } +} + +// Move content up so it scrolls below navigation +#content { + padding-top: 0 !important; +} + +// Hide triangle indicators from navigation since they are out of place without the header bar +#appmenu li a.active::before, +#appmenu li:hover a::before, +#appmenu li:hover a.active::before, +#appmenu li a:focus::before { + display: none !important; +} |