scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-12-18 11:32:29 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #9023 from MiroslavDionisiev/UEPR-121-embed-project

Browse source 
refactor: [UEPR-121] add embedded ideas project to banner
This commit is contained in:
Miroslav Dionisiev 2024-12-09 16:09:03 +02:00 committed by GitHub
commit 8bfac39677
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/cards-modal/cards-modal.scss
View file

@ -23,7 +23,7 @@
background: white; background: white;
border-radius: 8px; border-radius: 8px;
width: 640px; width: 656px;
box-shadow: 0 0 0 4px $ui-blue-25percent; box-shadow: 0 0 0 4px $ui-blue-25percent;

9
src/views/ideas/ideas.jsx
View file

@ -113,9 +113,12 @@ const Ideas = () => {
return ( return (
<div> <div>
<div className="banner-wrapper"> <div className="banner-wrapper">
<img <iframe
alt={intl.formatMessage({id: 'ideas.headerImageDescription'})} src="https://scratch.mit.edu/projects/1093752362/embed"
src="/images/ideas/banner.svg" width="485"
height="402"
allowfullscreen
className="ideas-project"
/> />
<div className="banner-description"> <div className="banner-description">
<div className="title"> <div className="title">

6
src/views/ideas/ideas.scss
View file

@ -17,6 +17,10 @@ $base-bg: $ui-white;
padding: 3rem 0; padding: 3rem 0;
background-color: $ui-aqua; background-color: $ui-aqua;
.ideas-project {
border: none;
}
.banner-description { .banner-description {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -259,7 +263,7 @@ $base-bg: $ui-white;
//4 columns //4 columns
@media #{$small} { @media #{$small} {
.banner-wrapper { .banner-wrapper {
img { .ideas-project {
display: none; display: none;
} }
} }