Skip to content

GitLab

S
scratch-www
Commit 39134448 authored by Technoboy10's avatar Technoboy10
Browse files
Options

footer mobile

parent 5b9cef8d
Hide whitespace changes
Inline Side-by-side
Showing with 189 additions and 161 deletions
src/components/footer/www/footer.jsx
View file @ 39134448
...@@ -11,158 +11,195 @@ var Footer = React.createClass({ ...@@ -11,158 +11,195 @@ var Footer = React.createClass({
render: function () { render: function () {
return ( return (
<FooterBox> <FooterBox>
<div className="lists"> {this.props.layout == 'COLS4' || this.props.layout == 'COLS6' ? [
<dl> <div className="lists">
<dt> <dl>
<FormattedMessage id='general.about' /> <dd>
</dt> <a href="/about/">
<dd className="showMobile"> <FormattedMessage id='general.aboutScratch' />
<a href="/about/"> </a>
<FormattedMessage id='general.aboutScratch' /> </dd>
</a> <dd>
</dd> <a href="/jobs/">
<dd> <FormattedMessage id='general.jobs' />
<a href="/parents/"> </a>
<FormattedMessage id='general.forParents' /> </dd>
</a> <dd>
</dd> <a href="/contact-us/">
<dd> <FormattedMessage id='general.contactUs' />
<a href="/educators/"> </a>
<FormattedMessage id='general.forEducators' /> </dd>
</a> </dl>
</dd> <dl>
<dd> <dd>
<a href="/developers"> <a href="/terms_of_use/">
<FormattedMessage id='general.forDevelopers' /> <FormattedMessage id='general.termsOfUse' />
</a> </a>
</dd> </dd>
<dd> <dd>
<a href="/info/credits/"> <a href="/privacy_policy/">
<FormattedMessage id='general.credits' /> <FormattedMessage id='general.privacyPolicy' />
</a> </a>
</dd> </dd>
<dd className="showMobile"> <dd>
<a href="/jobs/"> <a href="/community_guidelines/">
<FormattedMessage id='general.jobs' /> <FormattedMessage id='general.guidelines' />
</a> </a>
</dd> </dd>
<dd> </dl>
<a href="http://wiki.scratch.mit.edu/wiki/Scratch_Press"> </div>
<FormattedMessage id='general.press' /> ] : [
</a> <div className="lists">
</dd> <dl>
</dl> <dt>
<FormattedMessage id='general.about' />
</dt>
<dd>
<a href="/about/">
<FormattedMessage id='general.aboutScratch' />
</a>
</dd>
<dd>
<a href="/parents/">
<FormattedMessage id='general.forParents' />
</a>
</dd>
<dd>
<a href="/educators/">
<FormattedMessage id='general.forEducators' />
</a>
</dd>
<dd>
<a href="/developers">
<FormattedMessage id='general.forDevelopers' />
</a>
</dd>
<dd>
<a href="/info/credits/">
<FormattedMessage id='general.credits' />
</a>
</dd>
<dd>
<a href="/jobs/">
<FormattedMessage id='general.jobs' />
</a>
</dd>
<dd>
<a href="http://wiki.scratch.mit.edu/wiki/Scratch_Press">
<FormattedMessage id='general.press' />
</a>
</dd>
</dl>
<dl>
<dt>
<FormattedMessage id='general.community' />
</dt>
<dd>
<a href="/community_guidelines/">
<FormattedMessage id='general.guidelines' />
</a>
</dd>
<dd>
<a href="/discuss/">
<FormattedMessage id='footer.discuss' />
</a>
</dd>
<dd>
<a href="https://wiki.scratch.mit.edu/">
<FormattedMessage id='general.wiki' />
</a>
</dd>
<dd>
<a href="/statistics/">
<FormattedMessage id='general.statistics' />
</a>
</dd>
</dl>
<dl> <dl>
<dt> <dt>
<FormattedMessage id='general.community' /> <FormattedMessage id='general.support' />
</dt> </dt>
<dd className="showMobile"> <dd>
<a href="/community_guidelines/"> <a href="/help/">
<FormattedMessage id='general.guidelines' /> <FormattedMessage id='footer.help' />
</a> </a>
</dd> </dd>
<dd> <dd>
<a href="/discuss/"> <a href="/info/faq/">
<FormattedMessage id='footer.discuss' /> <FormattedMessage id='general.faq' />
</a> </a>
</dd> </dd>
<dd> <dd>
<a href="https://wiki.scratch.mit.edu/"> <a href="/scratch2download/">
<FormattedMessage id='general.wiki' /> <FormattedMessage id='general.offlineEditor' />
</a> </a>
</dd> </dd>
<dd> <dd>
<a href="/statistics/"> <a href="/contact-us/">
<FormattedMessage id='general.statistics' /> <FormattedMessage id='general.contactUs' />
</a> </a>
</dd> </dd>
</dl> <dd>
<a href="https://secure.donationpay.org/scratchfoundation/">
<FormattedMessage id='general.donate'/>
</a>
</dd>
</dl>
<dl> <dl>
<dt> <dt>
<FormattedMessage id='general.support' /> <FormattedMessage id='general.legal'/>
</dt> </dt>
<dd> <dd>
<a href="/help/"> <a href="/terms_of_use/">
<FormattedMessage id='footer.help' /> <FormattedMessage id='general.termsOfUse' />
</a> </a>
</dd> </dd>
<dd> <dd>
<a href="/info/faq/"> <a href="/privacy_policy/">
<FormattedMessage id='general.faq' /> <FormattedMessage id='general.privacyPolicy' />
</a> </a>
</dd> </dd>
<dd> <dd>
<a href="/scratch2download/"> <a href="/DMCA/">
<FormattedMessage id='general.offlineEditor' /> <FormattedMessage id='general.dmca' />
</a> </a>
</dd> </dd>
<dd className="showMobile"> </dl>
<a href="/contact-us/">
<FormattedMessage id='general.contactUs' />
</a>
</dd>
<dd>
<a href="https://secure.donationpay.org/scratchfoundation/">
<FormattedMessage id='general.donate'/>
</a>
</dd>
</dl>
<dl>
<dt>
<FormattedMessage id='general.legal'/>
</dt>
<dd className="showMobile">
<a href="/terms_of_use/">
<FormattedMessage id='general.termsOfUse' />
</a>
</dd>
<dd className="showMobile">
<a href="/privacy_policy/">
<FormattedMessage id='general.privacyPolicy' />
</a>
</dd>
<dd>
<a href="/DMCA/">
<FormattedMessage id='general.dmca' />
</a>
</dd>
</dl>
<dl>
<dt>
<FormattedMessage id='footer.scratchFamily' />
</dt>
<dd>
<a href="http://scratched.gse.harvard.edu/">
<FormattedMessage id='general.scratchEd' />
</a>
</dd>
<dd>
<a href="http://www.scratchjr.org/">
<FormattedMessage id='general.scratchJr' />
</a>
</dd>
<dd>
<a href="http://day.scratch.mit.edu/">
<FormattedMessage id='general.scratchday' />
</a>
</dd>
<dd>
<a href="/conference/">
<FormattedMessage id='general.scratchConference' />
</a>
</dd>
<dd>
<a href="http://www.scratchfoundation.org/">
<FormattedMessage id='general.scratchFoundation' />
</a>
</dd>
</dl>
</div>
<dl>
<dt>
<FormattedMessage id='footer.scratchFamily' />
</dt>
<dd>
<a href="http://scratched.gse.harvard.edu/">
<FormattedMessage id='general.scratchEd' />
</a>
</dd>
<dd>
<a href="http://www.scratchjr.org/">
<FormattedMessage id='general.scratchJr' />
</a>
</dd>
<dd>
<a href="http://day.scratch.mit.edu/">
<FormattedMessage id='general.scratchday' />
</a>
</dd>
<dd>
<a href="/conference/">
<FormattedMessage id='general.scratchConference' />
</a>
</dd>
<dd>
<a href="http://www.scratchfoundation.org/">
<FormattedMessage id='general.scratchFoundation' />
</a>
</dd>
</dl>
</div>
]}
<LanguageChooser /> <LanguageChooser />
<div className="copyright"> <div className="copyright">
......
src/components/footer/www/footer.scss
View file @ 39134448
...@@ -7,11 +7,10 @@ ...@@ -7,11 +7,10 @@
text-align: center; text-align: center;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: space-between; justify-content: space-around;
dl { dl {
display: inline-block; display: inline-block;
width: 130pt;
vertical-align: top; vertical-align: top;
text-align: left; text-align: left;
font-size: .8rem; font-size: .8rem;
...@@ -52,15 +51,7 @@ ...@@ -52,15 +51,7 @@
//4 and 6 columns //4 and 6 columns
@media only screen and (max-width: $tablet - 1) { @media only screen and (max-width: $tablet - 1) {
#footer .lists dd { #footer .lists {
&:not(.showMobile) { justify-content: space-around;
display: none;
}
}
#footer .lists dl {
dt {
display: none;
}
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment