Overhaul the layout of the news feed/box

diff --git a/wcfsetup/install/files/acp/style/layout.scss b/wcfsetup/install/files/acp/style/layout.scss
index 5dad41df6f24641d48dae2ba4c48874debf9e6cc..3847c2d2ddd069af1c59c667adb51212ea9095fd 100644 (file)
--- a/wcfsetup/install/files/acp/style/layout.scss
+++ b/wcfsetup/install/files/acp/style/layout.scss
@@ -873,10 +873,13 @@ html[data-color-scheme="dark"] {
        }
 }
 
+.acpDashboardBox[data-name="com.woltlab.wcf.news"] .acpDashboardBox__content {
+       padding: 0;
+}
+
 .woltlabNewsfeed {
-       border: 1px solid var(--wcfContentBorderInner);
-       border-radius: var(--wcfBorderRadius);
-       height: 70vh;
+       border-radius: 0 0 var(--wcfBorderRadius) var(--wcfBorderRadius);
+       height: 400px;
        max-width: 100%;
        overflow: hidden;
        text-align: center;
@@ -892,7 +895,7 @@ html[data-color-scheme="dark"] {
 }
 
 .woltlabNewsfeed__iframe {
-       border-radius: var(--wcfBorderRadius);
+       border-radius: 0 0 var(--wcfBorderRadius) var(--wcfBorderRadius);
        height: 100%;
        max-width: 100%;
        width: 600px;

diff --git a/wcfsetup/install/files/acp/templates/index.tpl b/wcfsetup/install/files/acp/templates/index.tpl
index 1ef318999ad9eccfeb669932309f159e527065ed..e504d187935954c37b6364425cf61e266ba67485 100644 (file)
--- a/wcfsetup/install/files/acp/templates/index.tpl
+++ b/wcfsetup/install/files/acp/templates/index.tpl
@@ -28,7 +28,7 @@
 
 <div class="acpDashboard">
        {foreach from=$dashboard->getVisibleBoxes() item='box'}
-               <div class="acpDashboardBox">
+               <div class="acpDashboardBox" data-name="{$box->getName()}">
                        <h2 class="acpDashboardBox__title">{$box->getTitle()}</h2>
                        <div class="acpDashboardBox__content">
                                {@$box->getContent()}

diff --git a/wcfsetup/install/files/acp/templates/newsAcpDashboardBox.tpl b/wcfsetup/install/files/acp/templates/newsAcpDashboardBox.tpl
index 7d6997ab58627a70eb9c4a26b6aac41f6ce9e818..14c4997abde330f86f13eddecfd668e19bd54dd8 100644 (file)
--- a/wcfsetup/install/files/acp/templates/newsAcpDashboardBox.tpl
+++ b/wcfsetup/install/files/acp/templates/newsAcpDashboardBox.tpl
@@ -21,7 +21,7 @@
                        () => container.classList.remove("woltlabNewsfeed--loading"),
                        { once: true }
                );
-               iframe.src = `https://newsfeed.woltlab.com/${ languageCode }_${ colorScheme }.html`;
+               iframe.src = `https://newsfeed.woltlab.com/${ languageCode }_${ colorScheme }_compact.html`;
        };
 
        const observer = new MutationObserver(() => {