Changelog
description: This is the changelog for infomaker/everyware-theme-base-2
Changelog
Current version: 1.5.2
[Unreleased]
1.5.2 - 2022-08-26
Added
Added
<body>
CSS classes to article preview, matching classes that WordPress typically add to single-article pages. Also added new classarticle-preview
.
1.5.1 - 2022-08-12
Changed
Minor CSS syntax fixes, mostly related to rendering the footer. This change has also been backported to versions 1.2.1, 1.3.1 and 1.4.2.
1.5.0 - 2022-08-09
Added
Many new sidebars added. Read about them in the new sidebar documentation.
All sidebars registered in
SidebarServiceStartup.php
are also implemented in some twig file, and vice versa.Added support for the plugin
infomaker/everyware-plugin-presentation-preview
, which enables previewing of articles from Naviga Dashboard.The optimization of
<img sizes>
, added in v1.4.0, is now fully taken advantage of when rendering article images and teasers in sidebars.Documented in
package.json
whichNode.js
versions are compatible.
Changed
Updated NPM packages to make
gulp
commands work on more platforms. This removes some deprecated packages, most notablynode-sass
. If your project is usinggulp
to compilesass
, you need to make sure of the following things, orgulp
might no longer work:package.json
should installgulp-sass
of at least v5.1.0 andsass
of at least v1.33.0.gulpfile.js
should include sass and its compiler in this manner:
The
Article
propertyisPlus
will not be fetched from Open Content by default as it is no longer part of the Standard Open Content configuration.Moved the classes with namespace
EuKit\Base\
from the packageinfomaker/everyware-theme-eu-resources
to this package.Updated asset libraries:
Bootstrap to v4.6.1
Popper.js to v1.16.1
Plyr to v3.7.2
Minor syntax changes to
.scss
files.Sidebar
ew-below-article
is deprecated and will be removed in v2.0.0. Usearticle-page-bottom
instead.The "panorama" sidebars have changed name to "content above". They, and "sidebar" sidebars, no longer flex horisontally. See the sidebar documentation.
CSS column classes on an article page's "byline" and "content" areas have been revised to preserve their widths after the addition of sidebar
article-page-content-above
.
1.4.2 - 2022-08-18
Changed
Backport of the changes documented under v1.5.1.
1.4.1 - 2022-02-14
Added
The support for PHP v8 has been added to
composer.json
.
1.4.0 - 2021-10-26
Added
Added new twig templates for presenting
facebook-watch
,facebook-video
,facebook-page
on article page.functions.php
implementsSiteLayout
class to describe some layout parameters. If a child theme changes CSS styles, it should update these parameters to match it. Preferably, you do it usingadd_action('wp_loaded', function(){...})
.Teasers create optimized
<img sizes>
attributes to help browsers pick the right image from<img srcset>
, greatly reducing bandwidth.Added
width
andheight
attributes on all known<img>
tags, speeding up rendering on:Site logo
Teaser images
Article images
Concept avatar images
Author portrait images
Related article thumbnails
Changed
Renamed the template for
facebook-post
from @base/article/facebook.twig to @base/article/facebook-post.twigFixed several issues regarding full-screen image view:
Galleries did not use the entire available height, like single images do.
Images would sometimes obscure their caption when viewed in landscape mode in a Blink-based browser, such as Chrome or native Android browsers.
Improved font loading to ensure visible text during page load.
Upgraded Font Awesome to v5.13.0.
Changed the nesting order of elements in
views/article/image.twig
.Changed
id
attribute for sub menu items.Improved Microdata for Article pages.
Minor CSS and HTML fixes.
Removed
Removed unused
id
attribute from main menu items.
1.3.1 - 2022-08-18
Changed
Backport of the changes documented under v1.5.1.
1.3.0 - 2021-06-08
Changed
Some teaser footers print date and author on the same line, by default separated with a comma. This default can be changed with the SCSS variable
$teaser-footer-separator
.The teaser structure is being revised. Old layouts are deprecated, and will be removed in version 2.0.0. If you have custom CSS rules for these layouts, you need to rename them. Until version 2.0.0, both the old and the new PHP templates, Twig files and CSS classes will work.
New layout "Teaser Image Top".
New layout "Teaser Image Right".
New layout "Teaser Image Left".
"Headline teaser" is being replaced by "Teaser Image Bottom".
You should switch layout to "Teaser Image Bottom" where used.
Template
ocarticle-headline.php
will be replaced byocarticle-image-bottom.php
.Twig file
article-headline.twig
will be replaced byarticle-image-bottom.twig
.CSS class
teaser--article-headline
will be replaced byteaser--article-image-bottom
.
Default layout (None) is changing from the previous "Standard Teaser" to "Teaser Image Top".
ocarticle-default.php
will only be used as default, i.e. when no layout is selected.
"Standard teaser" is deprecated.
If you do nothing, it will default to "Teaser Image Top" starting from version 2.0.0.
"Small teaser" is deprecated.
You should switch layout to "Teaser Image Right" where used.
Deprecating SCSS variables that were introduced in version 1.2.0.
These will be removed in 2.0.0:
$border-color-faded
,$dark-border-color-faded
,$border-solid-faded
and$dark-border-solid-faded
.Fixed full-screen image view, so the image always fits inside the viewport.
Fixed mobile menu, so it can scroll and is easier to close.
Added
Image crop features:
Image class can have other aspect ratios than 16:9.
Teaser class can set which aspect ratio its image should have.
Image class can be set to disable automatic crop, either manually from a method, or automatically from the NewsML flag
disableAutomaticCrop
.Automatic crop aligns to top center.
ContentPart (fact boxes) can contain an image, which does not use automatic crop.
New custom CSS classes available for use in Everyboard:
.no-divider
for rows that should not have any bottom border / margin / padding..no-flex
for columns whose contents should align to the top instead of flexing their heights.
New SCSS mixins
firstVisibleChild()
andlastVisibleChild()
that can be used to select Everyboard rows / columns / widgets when:first-child
and:last-child
selectors won't be enough.This need may arise if the actual first/last element has been hidden from a certain device.
If your theme does not need this functionality, you can deregister the script
everyboard-post-processing-js
.ArticleBodyPresentation class methods can be extended.
1.2.1 - 2022-08-18
Changed
Backport of the changes documented under v1.5.1.
1.2.0 - 2021-05-03
Changed
Teaser headlines can handle inline tags.
Improved styles for the Article list and GA Most Read widgets.
Improved styles for dark backgrounds, "Media section".
Improved styles for borders/paddings/margins in board column layouts.
Fixed compatibility issues with NewsML package 0.11.0 and Theme EU Resources package 0.10.0.
1.1.0 - 2021-02-09
Changed
We are now using Everyware Twig v1
1.0.0 - 2020-12-04
Changed
Fixed image gallery function; clicking on an image enters fullscreen mode. If it is part of a gallery, you can switch between the images.
Image galleries do not start rotating images automatically.
Fixed CSS in the Article list and GA Most Read widgets; better margins etc.
Fixed broken submenu design in Safari on mobile iOS.
Fixed attribution text when an image has several photographers: "Photo by John Doe, Jane Doe"
0.26.0 - 2020-06-10
Changed
Fixed social media metadata on articles so they are using the Social Media Teaser in Writer.
Fixed example RSS sort order and validity
CSS changes in the Article list and GA Most Read widgets
Removed
HideComments. Not used. It is not part of the standard public OC config. It was removed from typePropertyMap config.
Added
Published property was readded to typePropertyMap config. It was removed in 0.25.0 but is needed for the OC List widget.
0.25.0 - 2020-04-06
Changed
Removed link from article author address
Footer is now always positioned at the bottom of the page. Main & body have been changed to display flex to make this possible.
SocialTeaserBody was renamed to SocialTeaserText in typePropertyMap config to match NewsML.
SocialTeaserHeadline was renamed to SocialTeaserTitle in typePropertyMap config to match NewsML.
Byline pubdate no longer shows leading zeros for days
html for byline images has been changed to avoid overflowing content when concept link is missing
Removed
These properties were unused. They are not part of the standard public OC config. They were removed from typePropertyMap config.
HideAds
Language
Type
Updated
ImageUuids (Use the NewsML parser value instead)
Sections (Use single value Section instead)
Hardcodes line height values has been removed from article page
These properties were deprecated. They are not part of the standard public OC config. They were removed from typePropertyMap config.
Leadin (Use the NewsML parser value instead)
Published (Use the NewsML parser value instead)
0.24.0 - 2020-03-04
Changed
html structure for footer.twig
made everyboard scss specific to everyboards in <main>
No longer render author details unless they are checked in theme customizer
Major navbar refactoring. Including html, css, sass variables & filepath changes.
Changed twig filepaths for page-load-more, page-static & page.php to look for twig template in @base/page instead of @base/.
Added
Added customize option for article author details
Itemprop description to article preamble element (leadin)
Itemprop name to article headline
Itemprop image to article image
Itemprop keywords to article concept tags
Itemprop embedUrl to article youplay
Removed
Article itemprop meta tags for name & leadin
global css (bootstrap overwrites)
Footer customize settings are no longer used thus it has been removed
0.23.0 - 2020-01-23
Changed
Switched to using proper sidebar for static page and new sidebar in footer.
Design fixes
0.22.2 - 2019-12-12
Changed
Improved error handling in
single-concept.php
.
0.22.0 - 2019-12-03
Note
Some of these variable changes happened in 0.21.0
Removed
Replaced by bootstrap $font-size variables
$text-size-larger: 22px
$text-size-large: 20px
$text-size-medium: 18px
$text-size-normal: 16px
$text-size-caption: 14px
$text-size-small: 13px
$text-size-smaller: 12px
$teaser-lineheight: 1
$teaser--title: 36px
$teaser-small-title: 32px
$teaser-notice-title: 14px
$color-article-marking: #FFEA09
Replaced by global bootstrap variable $mark-bg
$color-article-link: #288DC0
Replaced by global bootstrap variable $link-color
$color-article-text: #242424
Replaced by global bootstrap variable $body-color
$color-article-metadata: #8E8E8E
$color-article-text-meta: #000000
Replaced by global bootstrap variable $text-muted
$color-article-divider: #E8E8E8
Replaced by global bootstrap variable $border-color
$teaser-leadin-color: #191919
Replaced by global bootstrap variable $body-color
$teaser-headline-color: #191919
Replaced by global bootstrap variable $body-color
$color-article-factbox: #F7F7F7
Replaced by global bootstrap variable $body-color
$color-article-factbox-bold: #303030
Replaced by global bootstrap variable $body-color
Replaced with bootstrap variables
$color-article-table-odd: #FAFAFA
$color-article-table-even: #F2F2F2
$color-border-table: #288DC0
$color-table-header: #0A67DA
$color-table-link: #1473E6
$font-opacity-common: 0.65
Replaced by global bootstrap variable $text-muted.
$gray-light: #eeeeee
$gray-blue: #EBEBEB
$article-caption-line-height: $article-caption-text-size * 1.429
$margin-article: 20px
$margin-article-small: 10px
$article-caption-text-size: $font-size-sm
Replaced by global bootstrap variable $figure-caption-font-size
$article-caption-text-color: #4C4C4C
Replaced by global bootstrap variable $figure-caption-color
Changed
Changed vimeo & youtube.twig embed id & classes.
$gray-100: #E5E5E5 from #f8f9fa
$gray-200: #CCCCCC from #e9ecef
$gray-300: #B2B2B2 from #dee2e6
$gray-400: #999999 from #ced4da
$gray-500: #7F7F7F from #adb5bd
$gray-600: #666666 from #868e96
$gray-700: #4C4C4C from #495057
$gray-800: #333333 from #343a40
$gray-900: #191919 from #242424
$yellow: #FFDC33 from #FFBA0A
$font-family-base: $font-family-serif from $font-family-sans-serif
$font-size-xl: ($font-size-base 1.375) from $font-size-elg: ($font-size-base 1.50)
$font-size-lg: ($font-size-base 1.25) from $font-size-lg: ($font-size-base 1.27)
$font-size-md: ($font-size-base 1.125) from $font-size-md: ($font-size-base 1.1)
$font-size-xs: ($font-size-base .8125) from $font-size-esm: ($font-size-base .8)
$font-size-xxs: ($font-size-base .750) from $font-size-xs: ($font-size-base .7)
$link-color: $secondary from $black
$paragraph-margin-bottom: $spacer * 1.75 from 1rem
$body-bg: $white from $color-body-background: #ffffff
$border-color: #e0e0e0 from $gray-300
$text-muted: #4C4C4C from $gray-600
$table-caption-color: $body-color from $text-muted
$table-bg: #f7f7f7 from null
$table-cell-padding: 13px 16px from .75rem
$table-striped-order: even from odd
$table-border-color: $secondary from $border-color
$table-head-color: $secondary from $gray-700
$figure-caption-font-size: $font-size-sm from 90%
$figure-caption-color: #4C4C4C from $gray-600
$yellow: #FFDC33 from #FFD400
$mark-bg: $yellow from $fcf8e3
$mark-padding: 0 from .2em
$color-social-links: $white from #fff
$dark-row-background-color: $gray-900 from $color-article-darkboard: #353535
$color-main-light: $primary from #26619A
$color-main-dark: $secondary from #004588
$color-social-links: $white from #ffffff
$color-nav-submenu: $white from #ffffff
$color-nav-headline: $white from #ffffff
$color-nav-background: $primary from #004588
$color-search-dark: $white from #ffffff
$page-elements-margin-bottom: $spacer * 1.75 from $article-body-element-margin: 28px
$factbox-background: rgba(0,0,0,0.03) from $color-article-factbox: #F7F7F7
$blockquote-small-font-size: $font-size-base * 1.5 from $small-font-size
$blockquote-font-size: $font-size-base 1.5 from $font-size-base 1.25
$h1-font-size: $font-size-base 1.75 from $font-size-base 2.5
$h2-font-size: $font-size-base 1.375 from $font-size-base 2
$h3-font-size: $font-size-base 1.125 from $font-size-base 1.5
$headings-line-height: 1.1 from 1.2
$headings-margin-bottom: $spacer * 1.75 from $spacer / 2
$headings-font-weight: $font-weight-bold from 500
$section-colors: ( default: $blue from #1473E6 )
Converted to rem sizes. Still same pixel sizes if browser rem is 16px (default)
$teaser-title-font-size-xxl: ($teaser-title-font-size-base * 3.75) from $teaser-title-headline: 60px
$teaser-title-font-size-xl: ($teaser-title-font-size-base * 3) from $teaser-title-larger: 48px
$teaser-title-font-size-lg: ($teaser-title-font-size-base * 2.25) from $teaser-title-large: 36px
$teaser-title-font-size-md: ($teaser-title-font-size-base * 2) from $teaser-title-medium: 32px
$teaser-title-font-size-sm: ($teaser-title-font-size-base * 1.5) from $teaser-title-small: 24px
$teaser-title-font-size-xs: ($teaser-title-font-size-base * 1.125) from $teaser-title-smaller: 18px
$teaser-title-font-size-xxs: ($teaser-title-font-size-base * 0.9375) from $teaser-title-smallest: 16px
$teaser-kicker-font-size: ($teaser-title-font-size-base * 0.875) from $teaser-kicker-size: 14px
$teaser-leadin-font-size: ($teaser-title-font-size-base * 0.875) from $teaser-leadin-size: 14px
$teaser-gallery-color: $yellow from $color-photogallery-main: #FFBA0A
$h1-font-size-lg: ($h1-font-size * 1.429) from $article-title: 40px
$divider: $border-width solid $border-color from 1px solid $border-color
$container-max-widths: ( sm: map-get($grid-breakpoints, "md") - 1, from sm: 540px, md: map-get($grid-breakpoints, "lg") - 1, from md: 720px, lg: map-get($grid-breakpoints, "xl") - 1, from lg: 960px, xl: max($container-max-width, map-get($grid-breakpoints, "xl")) from )
Css changes for image caption on articles.
font size
text color
line height
Css/html for article pdf
Changed paddings on article page for all devices
Teaser subject and text outputted as raw to include text styles
Content-part html/css
Concept page, static pages & article page changed css classes and made a default layout for these pages.
Added
Added support for youtube starttime with Plyr.js
$factbox-subject-color: $secondary
$font-weight-semi-bold: 600
$body-color: $gray-900
$container-max-width: 1380px
$border-solid: $border-width solid $border-color
$scrollbar-size: 0.75rem
$navbar-menu-toggle-border: #E8E8E8
$blockquote-border-left: 2px solid $secondary
$page-preamble: $font-size-base
$teaser-dark-title-color: $white
$teaser-kicker-color: $secondary
$teaser-dark-kicker-color: $secondary
$teaser-dark-leadin-color: #D9D9D9
$teaser-notice-container-padding: 6px 10px 10px 0
$teaser-title-font-weight: $font-weight-bold
$teaser-title-font-size-base: 1rem
$teaser-gallery-icon-color: $yellow
$table-font-size: $font-size-base
$table-cell-padding-footer: 15px 16px
$table-border-widths: ( top: 3px, header: 1px, footer: 2px, scrollbar: 2px)
Import of bootstrap table scss lib
Bootstrap classes table, table-striped & table-borderless to table.twig
Bootstrap class blockquote to element.twig blockquotes.
Sidebar.twig
0.21.0 - 2019-10-29
Changed
Notice teaser html/css changes
Update style for headline teaser
Article page css/html changes
Article elements css/html changes
0.20.0 - 2019-10-08
Changed
Notice teaser html/css changes
Css changes for social links/& widget
Added concept links on articles
Removed position absolute from pubdate
0.19.0 - 2019-10-07
Changed
Moved admin.scss so that the compiled admin.css ends up in the same place as style.css
Made scss variable $section-colors overridable
Changes to main menu
article related articles css/html
article pdf css/html
0.18.1 - 2019-10-04
Added
Missing scss variable for fact box color
0.18.0 - 2019-10-04
Added
Created proper search page
Added bootstrap js and scss for use in child themes
Added teasers for use in results on search pages
Changed
Updated teasers
Updated article tables
Improved css for fact boxes
Changed html of content-part.twig
0.17.7 - 2019-09-30
Changed
Fix responsive borders
Improve concept pages
Added
Add missing translations
0.17.6 - 2019-09-18
Removed
Remove align-items-stretch form stretch function
0.17.5 - 2019-09-13
Changed
Update board border visibility
Fix Search bar font weight
Update container wide
0.17.4 - 2019-09-04
Added
Add container wide
Changed
Update mixin for grid
0.17.3 - 2019-09-04
Changed
Fix mixin for headline size for responsive
0.17.2 - 2019-09-03
Added
Add mixin for board content size in teasers
Changed
Disable scroll always, when menu is opened
0.17.1 - 2019-08-26
Changed
Change keyboard focus colors
Add divided grid
Add menu scroll fix
0.17.0 - 2019-08-22
Changed
Language support
Translation Norwegian nb_NO
Translation Norwegian nn_NO
Translation Swedish sv_SE
Disable scroll always, when menu is opened
Change keyboard focus colors
New grid divider with mobile responsive
0.16.2 - 2019-08-13
Changed
Concept page design updates
Add no-divider for remove grid borders on aside
0.16.0 - 2019-08-06
Changed
Fix article title font line height
Fix headline date
Fix image caption align
Remove author from teaser headline
Remove author from teaser default
Add kwyboard tab focus with javascript
Remove margin bottom in footer widget
Fixes for article longread
Add vimeo and youtube for html embed Marko Siilak
Move separate line every link in footer widget
0.15.4 - 2019-07-25
Changed
Fix menu scroll for expand menu
Fix leadin font
Fix navbar fade
Fix image opener
Fix flex grid and teaser content margin
0.15.3 - 2019-07-09
Changed
Main menu scroll from mobile devices
Fixes for social media icons
0.15.1 - 2019-07-09
Changed
Main menu scroll from mobile devices
Fixes for social media icons
0.15.0 - 2019-07-09
Changed
Change colors and font size for article list and most read
Fix footer teaser hover
Fix meta first title
Add social icons for board and footer
Fix teaser class names
Fix menu scroll for tablets and mobile
Add smooth scrolling for main menu
Fix ew-leadin size for mobile
0.14.3 - 2019-07-05
Added
Add design for article ordered lists and the widget title
0.14.2 - 2019-07-03
Changed
Version number updated in WP theme
0.14.1 - 2019-07-03
Changed
Updated ui for concept ajax
Updated teaser list
Added
Rss support
Css for google analytics widget
0.14.0 - 2019-07-03
Added
Added a permalink property to concepts
Load more for concepts
Changed
iframe update for layout
facts update related to design
Update metatag
Margins for article content
Add article margin as a class
Update class replace
Remove not needed styles and border right for responsive
Headline teaser image width
Fix hover for gallery
Fix article images for mobile, replace no padding classes
Fix iframes and some element positions in layout
Join class tags
Fact box fix for mobile
Remove duplicated code. Fix sidebar meta info.
0.13.2 - 2019-07-02
Changed
NewsmlArticles and concepts no longer instantiates twice.
Updated meta tags with concept links
Naming for teasers
0.13.1 - 2019-06-28
Changed
Fixed section header style
0.13.0 - 2019-06-28
Changed
Layout changes
Responsive fixes
Borders for responsive
Fact box fixes
0.12.0 - 2019-06-27
Added
Added Mark style in article
Added date to Headline teaser
Added Section header widget
Added teaser Subject (kicker)
Changed
Added right border in article
Fixed font sizes
Fixed scss config variables
Fixed teaser names, class names and file names
Fixed iframe classes
0.11.0 - 2019-06-20
Added
Added a Concept page
Changed
Updated metatags.twig to get page-title instead of blog name
Changed all pages.php/templates to work with version 0.3.0 of eu-resources
0.10.0 - 2019-06-20
Changed
Fixed Front page lines
Fixed Article images opener for all images
Fixed Teasers date display position
Fixed Teasers kicker was always empty, now it is taken from teaser subject
Fixed Teasers leading don't have any limit anymore
Fixed Headline teaser font
Fixed Gallery teaser now can have multiple authors
Fixed Gallery teaser headline
Fixed Default teaser hover and margins
Changed Article metatags moved to new file
Changed Article Metadata updates
Changed Teasers text switched to teaser leadin instead of article preamble
Removed Article had duplicated meta information
Removed Menu section colors
0.9.0 - 2019-06-13
Changed
New teaser list widget
New gallery opener
Fixes for Article page
Fixes for link color for phone number
0.8.0 - 2019-06-10
Changed
Teaser lines
Teaser dates
Teaser small image fix
Widgets fixes
Menu hover and active
Menu open close fix
Full black container fix
SCSS and Bootstrap variables
Article table fix
Article fact box fix
Article author
Article social media links
Video fix for mobile
0.7.0 - 2019-06-03
Changed
Menu fixes
Teaser floating and borders, teaser hover, margin and paddings
Logo in head menu
Plyr for Youtube and Vimeo videos
0.6.0 - 2019-05-29
Added
Iframely
Plyr video player
Changed
Navigation links
Article list design
Teaser hover
Photo gallery teaser
List teaser
List with image teaser
Vimeo
404
0.5.1 - 2019-05-23
Added
Vimeo in article
Changed
Fixed header
Fixed footer
Fixed teaser
Removed default ad design, not used
Fixed menu button and navigation
Theme author is now Naviga
404
Dark wrapper board
0.5.0 - 2019-05-22
Added
config.json. As of
everyware-base 0.10.0
config.json should be provided by the theme
Changed
Loosened
everyware-base
dependency versionMore component slots for teaser templates
0.4.6 - 2019-05-21
Changed
Flex for teasers with new border lines
0.4.5 - 2019-05-21
Changed
Loosened composer dependency constraints
Updated structure of assets
0.4.0 - 2019-05-13
Changed
The table template now outputs
caption
,head
,body
andfoot
from the upgradedTableParser
of everyware-newsml.
0.3.0 - 2019-05-08
Removed
Startup
is no longer instantiated in the base theme, so any inheriting theme will be able to decide wether to use theStartup
from the base theme resources or use it's own.
Changed
Main menu
0.2.2 - 2019-05-06
Changed
Responsiveness fixes
Teaser fixes
0.2.1 - 2019-05-03
Changed
Main menu redesign
0.2.0 - 2019-04-29
Added
MG2 metadata
config.json
Changed
Menu
0.1.0 - 2019-04-17
First beta version
Last updated
Was this helpful?