Commit b801c3bc authored by Martin Kutschker's avatar Martin Kutschker Committed by Benni Mack
Browse files

[BUGFIX] Remove extra card stylings introduced with Bootstrap 5

Remove background of card header and bottom/top border of
card header/footer so the style does not change from TYPO3 v10
to v11.

Also re-add checkbox-type-toggle absolute positioning of the
hidden checkbox in order to avoid upper spacing above checkbox
toggle elements (causes too much spacing in feature cards).

Resolves: #93120
Releases: master
Change-Id: Ibd2e87c4e4284218390c4e8d0722fcdee87de92f
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/67231

Tested-by: Benjamin Franzke's avatarBenjamin Franzke <bfr@qbus.de>
Tested-by: default avatarTYPO3com <noreply@typo3.com>
Tested-by: Benni Mack's avatarBenni Mack <benni@typo3.org>
Reviewed-by: Benjamin Franzke's avatarBenjamin Franzke <bfr@qbus.de>
Reviewed-by: Benni Mack's avatarBenni Mack <benni@typo3.org>
parent 75f77c5b
......@@ -3,7 +3,7 @@
//
// Cards are flexible content containers that are meant to be used for organizing groups of elements.
// Each card is a collection of the container and corresponding child elements, that can be used as needed.
// Child Elements are optional but combinung those will bring the best experience.
// Child Elements are optional but combining those will bring the best experience.
//
// Styleguide component.card
//
......@@ -361,6 +361,8 @@ a.card:hover {
// Header
//
.card-header {
border-bottom: none;
.card-icon {
float: left;
margin-right: $card-padding / 2;
......@@ -399,3 +401,10 @@ a.card:hover {
.card-content {
height: 100%;
}
//
// Footer
//
.card-footer {
border-top: none;
}
......@@ -138,6 +138,11 @@ $checkbox-focus-border: 1px solid rgba(0, 0, 0, 0.45);
}
}
.checkbox-input {
position: absolute;
margin-left: -20px;
}
.form-check-input:checked + .form-check-label,
.checkbox-input:checked + .checkbox-label {
&:before {
......
......@@ -280,6 +280,9 @@ $dropdown-link-disabled-color: $gray-300;
$dropdown-header-color: $gray-300;
$dropdown-caret-color: #000;
// Card
$card-cap-bg: transparent;
// Datetime Picker
$bs-datetimepicker-timepicker-font-size: $font-size-base;
$bs-datetimepicker-active-bg: $btn-primary-bg;
......
Supports Markdown
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