Releases: benjaminkott/bootstrap_package
v9.1.3
TASK
BUGFIX
- [BUGFIX] Remove obsolete/invalid replacements in composer.json d7e0388
- [BUGFIX] htaccess does not allow pages that end with "rc" - fixes #652 9415bf0
- [BUGFIX] Render data-interval only on carousel if value exists 7597b2e
MISC
- [SECURITY] Ensure content element subheader is HTML encoded 385777a
v9.0.4
TASK
BUGFIX
- [BUGFIX] Remove obsolete/invalid replacements in composer.json b20051f
- [BUGFIX] htaccess does not allow pages that end with "rc" - fixes #652 5a1edcc
- [BUGFIX] Render data-interval only on carousel if value exists 39122fc
MISC
- [SECURITY] Ensure content element subheader is HTML encoded 4796e77
v8.0.8
v7.1.2
v11.0.2
TASK
- [TASK] Update bootstrap 4.1 constants (#831) 18659a6
- [TASK] Add Github workflow badge (#824) 0cd3536
- [TASK] Update bootstrap.stickyheader.min.js (#823) d531805
- [TASK] Rename DDEV build command to yarn (#821) 135fc15
- [TASK] Bump modernizr to version 3.8.0 (#820) daa1fc4
- [TASK] Bump grunt-stylelint to version 0.11.1 (#819) 4467940
- [TASK] Bump grunt-sass to version 3.1.0 (#818) c529dac
- [TASK] Bump bootstrap 4 to version 4.4.1 (#817) 3936002
- [TASK] Bump popperjs to version 1.16.0 (#816) c141e1e
- [TASK] Add lowlevel module as dev dependency for debugging (#810) 273a1ac
- [TASK] Configure markdown lint (#811) e2597ba
- [TASK] Add info module as dev dependency for debugging (#809) 0c375b2
- [TASK] Introduce DDEV build script 87ddf03
- [TASK] Change build order (#793) 14276df
- [TASK] Update ddev to 1.12.0 (#783) 703bdd5
- [TASK] Remove double inclusion of content elements (#792) ffef5fc
- [TASK] Update build dependencies (#790) 240af7a
- [TASK] Add DDEV custom command description (#782) 1638564
BUGFIX
- [BUGFIX] Conflict scssphp/scssphp 1.0.4 and 1.0.5 for composer installs (#764) 222394a
- [BUGFIX] Escape special chars in bootstrap.smoothscroll.js (#786) e582c73
- [BUGFIX] Use correct category for texticon constants (#781) 2b9ef2e
- [BUGFIX] Resolve plain bootstrap 4 accordion conflicts (#775) 795e6f5
- [BUGFIX] Ensure frame collapsing for node-sass compilations on theme 5c517c0
- [BUGFIX] Include autoloader for parser class check (#778) de9214c
- [BUGFIX] Force node version during build (#771) ca865ca
- [BUGFIX] Disable RTE for carousel type html - fixes #770 e8fc307
- [BUGFIX] Correct feature flag evaluation c3a5671
- [BUGFIX] Respect sorting in section menus 1d8a3d8
MISC
v10.0.9
TASK
- [TASK] Update bootstrap 4.1 constants (#831) 89eeaab
- [TASK] Add check commit message workflow for pull requests (#828) aa079ba
- [TASK] Add Github workflow badge (#824) 15e59d6
- [TASK] Bump modernizr to version 3.8.0 (#820) cba6d82
- [TASK] Bump grunt-stylelint to version 0.11.1 (#819) f3d0ea0
- [TASK] Bump grunt-sass to version 3.1.0 (#818) e80a11c
- [TASK] Bump bootstrap 4 to version 4.4.1 (#817) 88f1165
- [TASK] Bump popperjs to version 1.16.0 (#816) 2df71d9
- [TASK] Update bootstrap.stickyheader.min.js (#823) da0d007
- [TASK] Rename DDEV build command to yarn (#821) 964e8c1
- [TASK] Introduce DDEV build script 5be7827
- [TASK] Update ddev to 1.12.0 (#783) 8056ff9
- [TASK] Remove double inclusion of content elements (#792) 1e12f49
- [TASK] Add DDEV custom command description (#782) 5b7d869
BUGFIX
- [BUGFIX] Conflict scssphp/scssphp 1.0.4 and 1.0.5 for composer installs (#764) ec0646e
- [BUGFIX] Use correct category for texticon constants cb1e04b
- [BUGFIX] Resolve plain bootstrap 4 accordion conflicts (#775) ed0dd11
- [BUGFIX] Ensure frame collapsing for node-sass compilations on theme 7b27f26
- [BUGFIX] Include autoloader for parser class check (#777) dc3d300
- [BUGFIX] Force node version during build (#771) 75f7ab5
- [BUGFIX] Respect sorting in section menus 82756f5
MISC
v11.0.1
FEATURE
- [FEATURE] Add header position for carousel items e5f0b9a
TASK
- [TASK] Update bundled scssphp/scssphp version to 1.0.4 7e2cd34
- [TASK] Add width, height and intrinsicsize to images 5e407e2
- [TASK] Remove update build script e2cd4ac
- [TASK] Extend CI to 10.x and master (#755) 9bd9391
- [TASK] Make typo3/cms-* requirements less strict c4021f6
- [TASK] Update ddev to 1.11.1 060db7d
- [TASK] Use github actions for ci (#741) 21c8857
- [TASK] Disable xdebug by default for dev environment 1ed5787
- [TASK] Update ddev to 1.10.2 7f0d0da
- [TASK] Streamline database field types a533250
- [TASK] Enable tmpfs for dev environment 00c4152
BUGFIX
- [BUGFIX] Set default header position for carousel items 5eecad1
- [BUGFIX] Add check for cached file in GoogleFont Service again 00d16fc
- [BUGFIX] Switch GoogleFont Cache to woff for broader support - fixes #751 1b3a62f
- [BUGFIX] Keep viewbox attribute for photoswipe skin 0ae0592
- [BUGFIX] Restore missing viewBox attribute for glyphicon icons 818044e
- [BUGFIX] Use correct constant for texticon width (#736) d70f1a9
- [BUGFIX] Remove invalid date default value for timeline item b9c95a0
- [BUGFIX] Ensure timeline item can be translated 7fb3993
- [BUGFIX] Correct Branch Alias 8084fb0
- [BUGFIX] Remove default alignment of carousel header item b79f5e3
- [BUGFIX] Correct wrapping for icongroup with less 43839d6
v10.0.8
TASK
- [TASK] Update bundled scssphp/scssphp version to 1.0.4 e224013
- [TASK] Update ddev to 1.11.1 931478a
- [TASK] Use github actions for ci (#741) 73fb2e0
- [TASK] Disable xdebug by default for dev environment 1f0863a
- [TASK] Update ddev to 1.10.2 8a046dc
- [TASK] Streamline database field types ab4692f
- [TASK] Add dependency to scssphp/scssphp and update bundled code c197bf7
BUGFIX
v11.0.0
This is the first release to support TYPO3 10.x and will extend its support until the upcoming TYPO3 LTS version in April 2020. That also means we are dropping support for TYPO3 8.7 and older for upcoming releases.
Announcement
Bootstrap 3 support and the Less Parser will be dropped with the next major version (12.x).
Please plan your upgrades to Bootstrap 4 and SCSS.
Supported TYPO3 Versions for the 11.x Release-cycle of the Bootstrap Package:
- TYPO3 9.5
- TYPO3 10.x
Logo Handling
Logos in the Bootstrap Package were traditionally handled as plain src strings that were passed into the fluid image view helper.
Example:
<img class="navbar-brand-logo-normal" src="{f:uri.image(src: settings.logo.file)}" alt="{logoAlt}" height="{settings.logo.height}" width="{settings.logo.width}">
This had several drawbacks since we are lacking the full capabilities of a file object. For this, a new processor was introduced to convert static strings into file objects. These objects are now used for the logos displayed in the header.
Processing Configuration:
page {
10 {
dataProcessing {
1553883874 = BK2K\BootstrapPackage\DataProcessing\StaticFilesProcessor
1553883874 {
files {
normal = {$page.logo.file}
inverted = {$page.logo.fileInverted}
}
as = logo
}
}
}
}
New Usage:
<img class="navbar-brand-logo-normal" src="{f:uri.image(image: logo.normal)}" alt="{logoAlt}" height="{settings.logo.height}" width="{settings.logo.width}">
Migrate Customizations
If you have customized the usages of the navbar, for example, you need to adapt your template to make use of the new file objects logo.normal and logo.inverted. The setting settings.logo.file and settings.logo.fileInverted is not set anymore and will throw an exception if still passed to the image uri view helper.
Replace the following:
<f:if condition="{settings.logo.file}"> > <f:if condition="{logo.normal}">
<f:if condition="{settings.logo.fileInverted}"> > <f:if condition="{logo.inverted}">
{f:uri.image(src: settings.logo.file)} > {f:uri.image(image: logo.normal)}
{f:uri.image(src: settings.logo.fileInverted)} > {f:uri.image(image: logo.inverted)}
High Resolution Images
By popular request, we are now adding high-resolution options to the existing responsive image rendering. The Bootstrap Package does not activate them by default, but it can be added relatively easily by configuration.
Example configuration to enable high-resolution support for the default variant for devices with a minimum device pixel ration from 1.5 and 2.
lib.contentElement.settings.responsiveimages.variants {
default {
sizes {
1\.5x {
multiplier = 1.5
}
2x {
multiplier = 2
}
}
}
}
The data for image rendering is now extended with a sub-set for high-resolution variants. If you did not overwrite the default templates, it will just work as soon as you add the configuration. If you have overwritten the default templates, it will still work as before but you need to add the new support for high-resolution images yourself.
Please check the new updated templates and adjust your code if you want this support.
There is now a new key called sizes in every variant that should be rendered. This data-set consists of several entries each with a default key for a normal rendering (1x). This key will be added automatically and is always available. It is not possible to store sizes smaller than 1. Each size contains a multiplier, which is calculated with the base size.
Example:
Base: 1000px
Minimum Device Pixel Ratio = 1.5
Multiplier = 1.25
Result: 1250px
Minimum Device Pixel Ratio = 2
Multiplier = 1.5
Result: 1500px
See: #678
Timeline Content Element
You are now able to also set the time of an event in the timeline 😂. This is enabled by default.
If you do not want to show the time as before you can simply change the date format back to the original configuration.
plugin.bootstrap_package_contentelements {
timeline.date.format = %B %e, %Y
}
The timeline also got more easy to customize, we added some new options. You will figure out ;)
$timeline-item-spacing: 1.5rem !default;
$timeline-item-padding: 1.5rem !default;
$timeline-item-border: 1px solid currentColor !default;
$timeline-item-border-radius: 0 !default;
$timeline-item-shadow: 0 1px 0 0 rgba(0, 0, 0, .15) !default;
$timeline-item-headline-color: $primary !default;
$timeline-item-headline-size: 1.5rem !default;
$timeline-item-date-size: .8rem !default;
$timeline-item-color: $body-color !default;
$timeline-item-bg: #ffffff !default;
$timeline-item-caption-bg: #f2f2f2 !default;
$timeline-icon-color: $body-color !default;
$timeline-icon-bg: #ffffff !default;
$timeline-icon-size: 46px !default;
$timeline-icon-space: 10px !default;
$timeline-icon-border: 3px solid currentColor !default;
$timeline-icon-border-radius: 50% !default;
$timeline-icon-border-opacity: .25 !default;
$timeline-marker-size: 16px !default;
$timeline-marker-bg: $timeline-icon-bg !default;
$timeline-marker-border: $timeline-icon-border !default;
$timeline-marker-border-radius: $timeline-icon-border-radius !default;
$timeline-marker-border-opacity: $timeline-icon-border-opacity !default;
$timeline-path-border: 2px dashed currentColor !default;
$timeline-path-opacity: .25 !default;
Example:
plugin.bootstrap_package.settings.scss {
timeline-item-headline-size = 2rem
timeline-item-date-size = 1rem
timeline-item-border = 2px solid currentColor
timeline-item-border-radius = 50% 2%/2% 50%
timeline-icon-color = #ffffff;
timeline-icon-bg = $primary
timeline-icon-border-radius = 50% 40%/40% 50%
timeline-icon-border-opacity = 1
timeline-marker-bg = #fafafa
}
Image Preview of PDFs now enabled
OK, that one needs explanation. To deliver the best results possible, the bootstrap package has a strict type checking before passing assets to the correct renderings. Even if your system was capable of rendering images from PDFs it was not allowed by default through those type checkings, since a PDF is in the mimetype group application. That means we were not able to simply allow these application group since that would also mean that the system would try to generate a image from a zip file, like in fluid styled content.
Examples:
<img src="/fileadmin/my.pdf" /><img src="/fileadmin/my.zip" />
Since there is still a huge demand for PDF previews, we made the decision to extend the current typechecks. TYPO3 allows you to configure imagefile_ext and mediafile_ext in its configuration. We are now also allowing the processing of files with extensions configured in the according lists.
See: 77549d3
Icon Group Content Element
The element had more potential than it was made use of, so it got a spec upgrade and is now much more versatile and useful and reduces the necessity for custom adjustments. You can now add links, add more text through the RTE, select the number of columns and choose the icon position.
Examples:
https://typo3.com/about-typo3/why-typo3-cms#c6282
SVG ViewHelper
The Inline SVG-Viewhelper now also can add a css class to the svg tag. Yupp - thats it.
<bk2k:inlineSvg
class="my-css-class"
image="{item.icon}"
width="32"
height="32" />
<svg class="my-css-class" height="32" width="32">...</svg>
EXT:seo
The Bootstrap Package also cared about meta-data in the past, since we have dropped 8.7 support and TYPO3 now ships its own implementation we added a requirement to the new SEO extension.
Changelog
BREAKING
- [!!!][TASK] Drop seo related meta tag settings 1dc73ff
- [!!!][TASK] Section Menu hides single page header and empty entries (#707) b47e848
- [!!!][FEATURE] Make timeline more flexible e4a6434
- [!!!][FEATURE] Enable time settings for timeline 0f44976
- [!!!][TASK] Drop jquery dependency from cookie consent wrapper 207de1c
- [!!!][TASK] Drop data relation viewhelper a18c46d
- [!!!][TASK] Remove fallback for extension configuration d3fcd7d
- [!!!][TASK] Drop automatic language menu polyfill 6989ed6
FEATURE
- [FEATURE] Introduce text carousel item 2a7e529
- [FEATURE] Enable rich text editor for call to action carousel item 3049b34
- [FEATURE] Make media renderer options configurable 76d883a
- [FEATURE] Make header display date format configurable 04225dc
- [FEATURE] Add make icon position in icongroup configurable d05ca34
- [FEATURE] Allow processing of configured file types (#709) 77549d3
- [!!!][FEATURE] Make timeline more flexible e4a6434
- [FEATURE] Make icon spacing configurable in timeline 57c71dd
- [FEATURE] Add variables to configure timeline headline and date size 0039dc6
- [!!!][FEATURE] Enable time settings for timeline 0f44976
- [FEATURE] Add support for highres images (#678) b8f7d91
- [FEATURE] Support class attribute in inline svg vie...
v10.0.7
FEATURE
TASK
- [TASK] Bumb bootstrap3 to 3.4.1 f305b76
- [TASK] Bumb popperjs to 1.15.0 9e59584
- [TASK] Bumb cookieconsent to 3.1.1 6de2c36
- [TASK] Bumb jQuery to 3.4.1 c539c67
- [TASK] Update ddev to 1.9.1 b0b54d8
- [TASK] Update ddev to 1.8.0 ad0c086
- [TASK] Update ddev to 1.7.1 814eb03
- [TASK] Remove obsolete release scripts 414570f
BUGFIX
- [BUGFIX] Make UpgradeWizards repeatable (#721) 7a7b685
- [BUGFIX] Add missing aria-label translations for breadcrumb and nav toggle 5306cd8
- [BUGFIX] Correct false typoscript default for 'custom-select-indicator' (#724) e662a4c
- [BUGFIX] Avoid spooky random fluid compilation errors 1ca80a0
- [BUGFIX] Avoid card-header link color inheritance 1300929
- [BUGFIX] Add remove obsolete comma a5b6708
- [BUGFIX] Add missing default parameter for icongroup dbf32f0
- [BUGFIX] Add fontloader css and js only to header if content exists - fixes #703 b797b1f
- [BUGFIX] Make cookieconsent variables overwriteable - fixes #704 80668df
- [BUGFIX] Add missing description field to timeline images 05fa199
- [BUGFIX] Correct icon placement in navbar 4ba56af
- [BUGFIX] Correct variable spelling error and set variables of timeline to default 25e13b2
- [BUGFIX] Respect target option for title link in card-group 8d0e5fb
- [BUGFIX] Respect target option for links in card-group 2541256