From 753e88793e0525cadd8a544e3f4093cc3cf7b331 Mon Sep 17 00:00:00 2001 From: Carl Schwan Date: Tue, 30 Aug 2022 18:07:25 +0200 Subject: Port admin settings to vue (#1880) * Port admin settings to vue Co-authored-by: anoy. Co-authored-by: Benjamin Brahmer Signed-off-by: Carl Schwan --- css/explore.css | 57 +++++++++++++++++++++++++++++++++++++++++++++++++ css/explore.scss | 64 -------------------------------------------------------- css/mobile.css | 46 ++++++++++++++++++++++++++++++++++++++++ css/mobile.scss | 46 ---------------------------------------- 4 files changed, 103 insertions(+), 110 deletions(-) create mode 100644 css/explore.css delete mode 100644 css/explore.scss create mode 100644 css/mobile.css delete mode 100644 css/mobile.scss (limited to 'css') 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 + * @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 - * @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.css b/css/mobile.css new file mode 100644 index 000000000..3f2dc6343 --- /dev/null +++ b/css/mobile.css @@ -0,0 +1,46 @@ +@media only screen and (max-width: 1024px) { + #app-content .utils .date { + display: none; + } + + #app-shortcuts th:first-child { + padding-left: 44px; + } + + #app-navigation:not(.hidden) + #app-content { + width: 100%; + } + + #mark-all-read-button { + display: block; + } +} + +@media only screen and (max-width: 600px) { + #app-content .article-actions ul { + max-width: 164px; + } + + #app-content .heading .date { + display: none; + } + + #app-content .heading h1 { + margin-right: 0; + } + + #app-content .utils { + padding-right: 15px; + } + + #app-content .article { + padding-right: 15px; + padding-left: 44px; + } +} + +@media only screen and (max-width: 340px) { + #app-content .article-actions { + max-width: 82px; + } +} diff --git a/css/mobile.scss b/css/mobile.scss deleted file mode 100644 index 02271a263..000000000 --- a/css/mobile.scss +++ /dev/null @@ -1,46 +0,0 @@ -@media only screen and (max-width: $breakpoint_mobile) { - #app-content .utils .date { - display: none; - } - - #app-shortcuts th:first-child { - padding-left: 44px; - } - - #app-navigation:not(.hidden) + #app-content { - width: 100%; - } - - #mark-all-read-button { - display: block; - } -} - -@media only screen and (max-width: 600px) { - #app-content .article-actions ul { - max-width: 164px; - } - - #app-content .heading .date { - display: none; - } - - #app-content .heading h1 { - margin-right: 0; - } - - #app-content .utils { - padding-right: 15px; - } - - #app-content .article { - padding-right: 15px; - padding-left: 44px; - } -} - -@media only screen and (max-width: 340px) { - #app-content .article-actions { - max-width: 82px; - } -} -- cgit v1.2.3