diff options
| author | Jan C. Borchardt <hey@jancborchardt.net> | 2020-10-09 17:37:14 +0200 |
|---|---|---|
| committer | Sean Molenaar <SMillerDev@users.noreply.github.com> | 2020-10-09 20:39:12 +0200 |
| commit | d575bf52bb134cd66e57a6e52215e1d4173f8ac5 (patch) | |
| tree | 386dce34bceef020ff72b66c0014a43f82b9a706 /css/explore.scss | |
| parent | 1fcab6e6c6bd5dd496fbeda41dabb668e17e9ada (diff) | |
Fix design of Explore page
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'css/explore.scss')
| -rw-r--r-- | css/explore.scss | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/css/explore.scss b/css/explore.scss new file mode 100644 index 000000000..d459ae825 --- /dev/null +++ b/css/explore.scss @@ -0,0 +1,64 @@ +/** + * Nextcloud - News + * + * This file is licensed under the Affero General Public License version 3 or + * later. See the COPYING file. + * + * @author Bernhard Posselt <dev@bernhard-posselt.com> + * @copyright 2020, Jan C. Borchardt, https://jancborchardt.net + * @copyright Bernhard Posselt 2014 + */ + +/** + * Explore styles + */ +.explore #app-content-wrapper { + height: 100%; +} + +#explore { + height: 100%; + width: 100%; + padding: 45px 0 45px 45px; + + .grid-item { + width: 300px; + border: 2px solid var(--color-border); + border-radius: var(--border-radius-large); + margin: 0 24px 24px 0; + padding: 24px; + + .explore-title { + background-repeat: no-repeat; + background-position: 0 center; + background-size: 24px; + padding-left: 32px; + + a { + word-wrap: break-word; + + &:hover, + &:focus { + text-decoration: underline; + } + } + } + + .explore-logo { + text-align: center; + margin-top: 25px; + + img { + width: 100%; + } + } + + .explore-subscribe { + margin-top: 16px; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } +} |