---json
{
"date_published": "2021-06-20T00:00:00+00:00",
"description": "ComboStrap - Release 1.14",
"page_id": "xtimf4zj17wp0q4kbxqb5"
}
---
====== ComboStrap - Release 1.14 ======
===== About =====
The ''release 1.14'' has made Combostap fully functional on the [[docs:content:typo|typographic side]]. It was needed to create ''landing page'' that requires to tweak the style a little bit.
There is also a lot of improvement in order to make the product easier to use.
#### Fixed Top Menu Bar Height should be set again
The [[docs:menubar:fixed-top|height of the top menu bar]] is lost in the upgrade and should be set again to its initial value.
We missed it in the test case, sorry.
#### Bar renamed to slot
The bar configurations were changed and renamed to [[docs:theme:slot:slot|slot]]. The new release should take care of the migration but if
there is any problem during the migration, you may not see your header, footer or sidebar. If this is the case, you should just set the value in your [[docs:theme:slot:slot|slot configuration]]
* [[docs:theme:slot:side_slot|side slot]]
* [[release:deprecated:sidekick_slot|sidekick slot]]
* [[docs:theme:slot:header_slot|header slot]]
* [[docs:theme:element:page-footer|footer slot]]
===== New =====
==== Typography ====
* New [[docs:content:typo|typographic page]]
* New: the [[docs:block:text|text component]] accepts to style several paragraph at once
* New: the [[docs:content:itext|itext component]] accepts to style several characters / words at once (i for [[docs:content:content|inline]])
* New: the [[docs:block:text|text component]] accepts to a [[docs:block:text#line-spacing|line-spacing attribute]] to set the height between each line of a paragraph
* New: the [[release:deprecated:text-align|text-align]] attribute can now be conditional and takes the start and end notation
* New: the [[docs:styling:opacity|opacity attribute]] has its own page and can be applied to all component (not only to [[docs:styling:background|background]])
* New: the [[docs:styling:boldness|boldness attribute]] to set the font-weight from extra-light to extra-dark.
* New: the [[docs:styling:line-spacing|line spacing attribute]] to set the space between line
* New: the [[docs:styling:font-size|font size attribute]] to set the size of characters
* New page: the color of the text got a page: [[docs:styling:text-color]]
* New [[docs:styling:color#reset|color value ''reset'']]: the reset color permits to takes the color of its parent.
* New: the underline effect can be set with the [[docs:styling:underline|underline attribute]]
* New: an internal link can be [[docs:content:link#styling|styled]]
* New !: added the text specialized colors for the [[docs:block:text#color|text]] and [[docs:content:itext#color|itext]] component.
==== Page Layout: Landing Page ====
* New [[docs:theme:template:template|page layout]]: ''landing'' in order to create landing page with section of page created with the [[release:deprecated:slide|slide component]]
==== Markdown Code Syntax ====
* new: The [[docs:block:code|code]] component supports also the [[docs:block:code#markdown|markdown github code syntax]]
==== Markdown Heading ====
The [[docs:content:heading|heading component]] supports also the ATX markdown heading.
==== Print ====
[[docs:styling:print|print]]. The lazy loaded image are downloaded before print and the bars are cached to be able to print a page.
==== Outline Numbering ====
[[docs:navigation:outline#numbering|Outline Numbering]] is now fully customizable from decimal to latin-upper. Due to this change, the anchor are now located to the right and this is no more mandatory to use the [[release:deprecated:renderer|renderer]]
==== New Statistics on component usage ====
You can now analyse the syntax used in your page with the [[docs:analytics:statistics#syntax_count|syntax count]] analytics.
==== RTL and Component Language support ====
* New: support for RTL language at the page level, through the [[docs:locale:lang|lang metadata of frontmatter]], we apply now the right language and direction in the [[release:deprecated:strap|strap template]]. Example: [[docs:locale:lang_ar]]
* New: [[docs:locale:lang|Lang attribute]] to mix languages on the same page. Demo with English and Arabic languages: [[docs:locale:lang_ar]]
==== Credits page added ====
* Added the [[:credits|credits page]]
===== Improvement =====
==== Heading can be styled - Easy ====
You can now style the content of your [[docs:content:heading|heading]] (adding icon, boldness, ...)
==== Note ====
* The [[docs:block:note|note component]] got also the [[release:deprecated:userstyle#class|userstyle class]].
* A [[docs:block:note|note]] does not have any extra bottom margin. Due to the last paragraph of a [[docs:block:note|note]] and the default stylesheet of the browser, the content was not centered vertically.
==== Link ====
The [[docs:content:link|link attribute]] can now be used with the [[docs:styling:styling|styling attributes]]
==== Slide ====
The [[release:deprecated:slide|slide component]] gets responsive x margin. Using more left and right margins, the bigger the screen is.
==== Icon ====
* The [[docs:content:icon|icon component]] accepts any length unit (such as rem) and [[docs:styling:spacing|padding]] was disabled because it makes the icon invisible.
* The icon attached to the configuration is no more downloaded but included to the page and cached leading to a big performance gain.
==== HTML Super set ====
In [[docs:marki|html super set language]], this is no more needed for an attribute:
* to set a value if the value is true,
* to enclose the value between between quotes if the value does not contain any spaces.
==== Webcode ====
* [[docs:utility:webcode|webcode]] shows the example code in a iframe. The markup code does not conflict with the code of the page. This was needed for the [[docs:content:heading|heading example]].
* [[docs:utility:webcode|webcode]] supports also the markdown code syntax
* [[docs:utility:webcode|webcode]] has become a stack component leading to less HTML paragraph creation.
==== Clickable ====
* [[docs:styling:clickable|clickable]] can now be used in **all** components with a link. This is no more limited to [[docs:layout:component:grid|grid]] and [[docs:block:card|card]].
==== The template Bar has been renamed slot ====
To improve the glossary, the template ''bar'' has been renamed to [[docs:theme:slot:slot|slot]]. This is to be abel to make the difference between:
* a bar (ie a GUI component) such as the menubar or toolbar
* and a [[docs:theme:slot:slot|slot]] (ie where content can be added in the template).
==== A bootstrap template is no more mandatory ====
Every template perfect: A bootstrap and [[release:deprecated:strap|strap]] template is no longer mandatory. If [[docs:theme:bootstrap|Bootstrap]] is not found, it will be added. The css of the template may conflict. This is the case for instance with the default Dokuwiki. In a button, this template sets the color of ''a:link'' and ''a:visited'' that takes precedence over the white text color and the text in the button is therefore not displayed. You need then to set the [[docs:styling:color|text color]] to ''white'' for each primary button.
==== Brand ====
[[docs:menubar:brand|brand]] is now a [[docs:marki|superset html component]] and allows all styling.
==== Grid ====
* New: The ''automatic'' [[docs:layout:component:grid|grid]] type. With this mode, the width of each column is automatically set and there is never an overflow on low screen size
* The first paragraph of a [[docs:layout:component:grid|grid]] does not touch the border anymore. The default stylesheet of the browser gave a zero margin and we corrected that.
===== Modification =====
==== Link ====
* Modification Strap Css: The links are not anymore without underlined as specified in the [[https://github.com/splitbrain/dokuwiki/blob/stable/lib/tpl/dokuwiki/css/basic.less#L200|default dokuwiki template]]. This is just not the default of Bootstrap as seen in the [[https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss#L289|default of the reboot stylesheet]].
==== Grid ====
* The ''col'' tag of the [[docs:layout:component:grid|grid]] is now known as ''cell'' which makes much more sense as you can have several cell that on several line.
==== Bar becomes slot ====
* To not confound with the ''bar'' term as ui component, the ''bar'' of the strap template has been renamed to [[docs:theme:slot:slot|slot]]
==== Navbar becomes menubar ====
The ''navbar'' has also be renamed to [[docs:menubar:menubar|menu bar]] that convey much more it's functionality (being an horizontal bar with dropdown).
==== Title and Heading are known as heading ====
The ''title'' component is now integrated and known as a [[docs:content:heading|heading]]. No more difference, the context choose if this is an heading for an outline or not.
===== Bug =====
==== Webcode ====
* When the content of a rendered [[docs:utility:webcode|webcode]] is less than the default html element height of 150, the padding of the first descendant phrasing element would end up in the margin of the iframe html element.
* Webcode was deleting the first p and last p if present. We got then an XHTML error when their was a first p but not a last p. It can be the case with a button and a div as this is with the [[docs:menubar:collapse|collapse example]]
==== Target for internal link was not taken into account ====
Bug: [[doku>config:target|target]] configuration was not taken into account for [[docs:content:link|internal link]]
==== Frontmatter section editing ====
* Bug: edit section on [[docs:metadata:frontmatter|frontmatter]] had a bad end position due to variable mismatch.
==== Box ====
* [[docs:layout:component:box|box]] does not delete paragraphs anymore (ie has become a stack component)
==== Link ====
* Bug: A [[docs:content:link|link]] without description but with a separator was showing nothing. This is corrected and we get now the default page description.
==== Collapse ====
The new [[release:archive:1.13_bootstrap5|bootstrap]] namespace was not applied and therefore [[docs:menubar:collapse|collapse]] was not working with Bootstrap 5.
==== Raster Image ====
* The width and height of the [[docs:content:raster|raster image]] were set on the intrinsic width and height on not on the requested width and height. There was then FOUC effect when the image was lazy downloaded .
* The rounding dimension value was not to the closest but the the lowest integer value.
===== Deprecated =====
==== Dynamic Grid ====
* [[release:deprecated:dynamic_grid|grid of 16 (dynamic grid)]] is deprecated from Bootstrap 5
==== Title ====
The ''title'' component is now integrated and known as a [[docs:content:heading|heading]]. No more difference, the context choose if this is an heading for an outline or not.
==== Navbar ====
The ''navbar'' has been renamed to [[docs:menubar:menubar|menubar]] that convey much more it's functionality (being an horizontal bar with dropdown).
==== Typo is no known as text ====
* Change: The ''typo'' component has been renamed to [[docs:block:text|text]]