Bot releases are visible (Hide)
Published by github-actions[bot] over 2 years ago
storyDecorator
to storyRoot
(#113).swiper-container
to .swiper
. Also check templates for usage of this class.BaseCarouselCards
template, which affects BlockArticleCarousel
and BlockFactCards
templates as well. The navigation div, <div class="swiper-navigation lg:block">
, should change lg:block
to xl:block
. This ensures the navigation arrows only appear when the space between each card is 56px (i.e. the 1280px breakpoint).A few more migration steps are necessary for projects that are bundling their own frontend assets.
swiper/core
and using the SwiperCore
class, you will need to update your implementation to import Swiper
from swiper
. Refer to Explorer 1's implementation as an example.Swiper.use([Navigation, Lazy, A11y])
, you can pass them as modules: [Navigation, Lazy, A11y]
/src/js/
folder has been reorganized. If you are importing JavaScript files from /src/js/
, you will need to update your paths:
Old path | New path |
---|---|
src/js/_lazysizes |
src/js/vendors/_lazysizes |
src/js/_swiper |
src/js/vendors/_swiper |
src/js/_swiperOptions |
src/js/vendors/_swiperOptions |
src/js/_HeroMedia |
src/js/components/_HeroMedia |
Full Changelog: https://github.com/nasa-jpl/explorer-1/compare/1.0.0-beta.3...1.0.0
Published by stephiescastle almost 3 years ago
Fixing a sass deprecation warning in https://github.com/nasa-jpl/explorer-1/pull/62 has led to some breaking changes for projects that use scss assets a la carte. Your project now needs to use a sass compiler that supports usage of @use
directives, and also use a version of sass that includes the sass:math
module.
Projects using Parcel as their frontend bundler with node-sass
as their sass compiler will likely encounter the following build error:
π¨ Build failed.
@parcel/transformer-sass: Undefined function.
β·
11 β padding-bottom: math.div($height, $width) * 100%;
To fix, remove node-sass
to default to Parcel's built-in dart-sass
. If that still doesn't work, you may need to install [email protected]
to override the version of sass bundled with Parcel.
Projects using sass-loader
node-sass
and install sass
.BlockTable
- This CSS class has been extended to include styles for various types of content within in a table, spefically for use with Wagtail's TypedTableBlock. Check your usage of BlockTable
for any unexpected visual changes.BlockImageCarousel
and .BlockImageGallery
has additional styles applied. If your project has configured swiper with different pagination rules, then these styles may conflict. Be sure to check the mobile pagination of these blocks when updating.BaseButton
HeroMedia
styles are now part of Explorer-1, specifically styles for the show/hide caption on mobile. These styles can now be removed from WCP and imported from Explorer-1.HeroMedia
is now provided by Explorer-1. _HeroMedia.js
can be removed and imported from Explorer-1. instead.BlockRelatedLinks
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/45
BlockTeaser
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/47
BlockTable
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/46
BlockVideoEmbed
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/48
HeroFeature
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/49
HeroFocalPoint
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/50
RoboticsDetailFactsItem
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/53
HeroMedia
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/52
SearchResultCard
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/54
BlockImageCarousel
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/56
BlockImageGallery
component by @laespinoza in https://github.com/nasa-jpl/explorer-1/pull/57
BaseCarouselCards
, ArticleCarousel
, and RoboticsDetailFacts
components by @stephiescastle in https://github.com/nasa-jpl/explorer-1/pull/70
Full Changelog: https://github.com/nasa-jpl/explorer-1/compare/1.0.0-beta.2...1.0.0-beta.3
Published by github-actions[bot] about 3 years ago
BlockQuote
component (#44)BlockImage
component (#38)BlockInlineImage
component (#35)BlockImage
component (as well as Fancybox) (#38)BlockKeyPoints
component (#39)BlockText
component (#31)BlockIframeEmbed
component (#29)BasePlaceholder
component (#26)BaseImageCaption
component (#25)ArticleCarouselItem
component (#22)gray-light-mid
border. For input fields that should not have a border, add class border-0
to them._forms.scss
partial as one of the first imports in the main SCSS file.Published by Scotchester about 3 years ago
For users of the internal alpha releases, please note that this release contains breaking changes with regard to support for Internet Explorer:
The following resources were deleted and need to be removed from your project's JS and SCSS imports:
src/js/_detect-ie.js
, including the node polyfill for global
src/scss/components/_RoboticsDetailFacts.scss
src/scss/components/_SearchResultCard.scss
.woff
files
.woff
files a la carte.