diff options
author | Carl Schwan <carl@carlschwan.eu> | 2022-08-30 18:07:25 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-08-30 18:07:25 +0200 |
commit | 753e88793e0525cadd8a544e3f4093cc3cf7b331 (patch) | |
tree | f544b21061e5469899f728bd9fa417a801a2d3b8 /css | |
parent | 39ac02c03464c4cdb511d34c0232120d99dde936 (diff) |
Port admin settings to vue (#1880)
* Port admin settings to vue
Co-authored-by: anoy. <anoymouserver@users.noreply.github.com>
Co-authored-by: Benjamin Brahmer <info@b-brahmer.de>
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Diffstat (limited to 'css')
-rw-r--r-- | css/explore.css | 57 | ||||
-rw-r--r-- | css/explore.scss | 64 | ||||
-rw-r--r-- | css/mobile.css (renamed from css/mobile.scss) | 2 |
3 files changed, 58 insertions, 65 deletions
diff --git a/css/explore.css b/css/explore.css new file mode 100644 index 000000000..03efb07b0 --- /dev/null +++ b/css/explore.css @@ -0,0 +1,57 @@ +/** + * 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; +} +#explore .grid-item { + width: 300px; + border: 2px solid var(--color-border); + border-radius: var(--border-radius-large); + margin: 0 24px 24px 0; + padding: 24px; +} +#explore .grid-item .explore-title { + background-repeat: no-repeat; + background-position: 0 center; + background-size: 24px; + padding-left: 32px; +} +#explore .grid-item .explore-title a { + word-wrap: break-word; +} +#explore .grid-item .explore-title a:hover, #explore .grid-item .explore-title a:focus { + text-decoration: underline; +} +#explore .grid-item .explore-logo { + text-align: center; + margin-top: 25px; +} +#explore .grid-item .explore-logo img { + width: 100%; +} +#explore .grid-item .explore-subscribe { + margin-top: 16px; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +/*# sourceMappingURL=explore.css.map */ diff --git a/css/explore.scss b/css/explore.scss deleted file mode 100644 index d459ae825..000000000 --- a/css/explore.scss +++ /dev/null @@ -1,64 +0,0 @@ -/** - * 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; - } - } -} diff --git a/css/mobile.scss b/css/mobile.css index 02271a263..3f2dc6343 100644 --- a/css/mobile.scss +++ b/css/mobile.css @@ -1,4 +1,4 @@ -@media only screen and (max-width: $breakpoint_mobile) { +@media only screen and (max-width: 1024px) { #app-content .utils .date { display: none; } |