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 class article-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 which Node.js versions are compatible.

Changed

Updated NPM packages to make gulp commands work on more platforms. This removes some deprecated packages, most notably node-sass. If your project is using gulp to compile sass, you need to make sure of the following things, or gulp might no longer work:
- package.json should install gulp-sass of at least v5.1.0 and sass of at least v1.33.0.
- gulpfile.js should include sass and its compiler in this manner:

const sass = require('gulp-sass')(require('sass'));

The Article property isPlus 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 package infomaker/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. Use article-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 implements SiteLayout 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 using add_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 and height 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.twig
Fixed 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 by ocarticle-image-bottom.php.
  - Twig file article-headline.twig will be replaced by article-image-bottom.twig.
  - CSS class teaser--article-headline will be replaced by teaser--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() and lastVisibleChild() 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 version
More 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 and foot from the upgraded TableParser 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 the Startup 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

0.1.0 - 2019-04-17

First beta version

PreviousArticle page (embeds)NextExample theme

Last updated 2 years ago

Was this helpful?