Merge pull request #7361 from LLK/extension-landing-icon-class

Make extension landing page title icon class constant
This commit is contained in:
Benjamin Wheeler 2023-02-02 13:23:50 -05:00 committed by GitHub
commit 63dfb5abf6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 20 additions and 7 deletions

View file

@ -39,7 +39,7 @@
.headline-icon {
height: 40px;
width: 40px;
margin: auto;
margin: auto 0;
}
.download {

View file

@ -34,7 +34,7 @@ class Boost extends ExtensionLanding {
renderCopy={
<FlexRow className="extension-copy">
<h1><img
alt=""
alt="Boost"
className="headline-icon"
src="/images/boost/boost.svg"
/>LEGO BOOST</h1>

View file

@ -31,7 +31,7 @@ const ScratchLink = ({intl}) => {
<FlexRow className="column extension-copy">
<h1><img
alt={intl.formatMessage({id: 'scratchLink.linkLogo'})}
width="40px"
className="headline-icon"
src="/images/scratchlink/scratch-link-logo.svg"
/>{intl.formatMessage({id: 'scratchLink.headerTitle'})}</h1>
<FormattedMessage id="scratchLink.headerText" />

View file

@ -39,7 +39,8 @@ class EV3 extends ExtensionLanding {
renderCopy={
<FlexRow className="column extension-copy">
<h1><img
alt="ev3.svg"
alt="EV3"
className="headline-icon"
src="/images/ev3/ev3.svg"
/>LEGO MINDSTORMS EV3</h1>
<FormattedMessage

View file

@ -5,6 +5,10 @@
background-color: $ui-orange;
background-image: url("/images/ev3/ev3-pattern.svg");
}
.headline-icon {
width: 32px;
height: 36px;
}
.step-image.tall {
height: 16rem;
}

View file

@ -34,7 +34,8 @@ class GdxFor extends ExtensionLanding {
renderCopy={
<FlexRow className="extension-copy">
<h1><img
alt=""
alt="Vernier Force & Acceleration"
className="headline-icon"
src="/images/gdxfor/gdxfor.svg"
/>Vernier Force & Acceleration</h1>
<FormattedMessage

View file

@ -38,7 +38,8 @@ class MicroBit extends ExtensionLanding {
renderCopy={
<FlexRow className="extension-copy">
<h1><img
alt=""
alt="Microbit"
className="headline-icon"
src="/images/microbit/microbit.svg"
/>micro:bit</h1>
<FormattedMessage

View file

@ -7,6 +7,11 @@
background-image: url("/images/microbit/mbit-pattern.svg");
}
.headline-icon {
width: 34px;
height: 28px;
}
.things-to-try {
.display-hello {
.step-image {

View file

@ -35,7 +35,8 @@ class Wedo2 extends ExtensionLanding {
renderCopy={
<FlexRow className="extension-copy">
<h1><img
alt=""
alt="Wedo"
className="headline-icon"
src="/images/wedo2/wedo2.svg"
/>LEGO Education WeDo 2.0</h1>
<FormattedMessage