Commit 4bfe2ade authored by Martin Kutschker's avatar Martin Kutschker Committed by Benjamin Franzke

[BUGFIX] Show system news navigation buttons

Due to CSS changes in Boostrap 5 the navigation buttons
on the login screen were invisible.

This patch makes them visible again.

Resolves: #93258
Releases: master
Change-Id: Ifdd9dcb88504428303ac7680106c721038181505
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/67402Tested-by: default avatarTYPO3com <noreply@typo3.com>
Tested-by: default avatarRichard Haeser <richard@richardhaeser.com>
Tested-by: Benjamin Franzke's avatarBenjamin Franzke <bfr@qbus.de>
Reviewed-by: default avatarRichard Haeser <richard@richardhaeser.com>
Reviewed-by: Benjamin Franzke's avatarBenjamin Franzke <bfr@qbus.de>
parent 84948b2c
......@@ -21,13 +21,6 @@ $panel-lg-padding: 35px;
}
}
//
// Panel carousel
//
.panel-carousel {
padding: $card-spacer-x;
}
//
// Panel heading
//
......
......@@ -138,6 +138,7 @@ $login-input-padding-horizontal: $padding-large-horizontal;
.card-login {
border-color: darken($login-bg, 10%);
border-radius: $login-border-radius;
overflow: visible;
.card-heading {
padding: 2.5em 2.5em 0;
......@@ -194,6 +195,11 @@ $login-input-padding-horizontal: $padding-large-horizontal;
//
// Carousel
//
.typo3-login-carousel {
padding: $card-spacer-x;
}
.typo3-login-carousel-control {
top: 50%;
margin-top: -30px;
......
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
data-namespace-typo3-fluid="true">
<f:if condition="{loginNewsItems}">
<div class="panel-carousel carousel slide t3js-login-news-carousel" id="loginNews" data-bs-interval="0" data-bs-ride="carousel">
<section class="typo3-login-carousel carousel slide t3js-login-news-carousel" id="loginNews" data-bs-interval="0" data-bs-ride="carousel">
<div class="carousel-inner">
<f:for each="{loginNewsItems}" as="item" iteration="loginNewsIterator">
<div class="carousel-item{f:if(condition: loginNewsIterator.isFirst,then: ' active')}">
......@@ -11,13 +13,14 @@
</div>
<f:if condition="{loginNewsItems -> f:count()} > 1">
<a class="left typo3-login-carousel-control" href="#loginNews" role="button" data-bs-slide="prev">
<i class="fa fa-angle-left"></i>
<span class="sr-only"><f:translate key="login.news.previous" /></span>
<i class="fa fa-angle-left"></i>
<span class="sr-only"><f:translate key="login.news.previous" /></span>
</a>
<a class="right typo3-login-carousel-control" href="#loginNews" role="button" data-bs-slide="next">
<i class="fa fa-angle-right"></i>
<span class="sr-only"><f:translate key="login.news.next" /></span>
</a>
</f:if>
</div>
</section>
</f:if>
</html>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment