Skip to content

GitLab

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

footer mobile

parent 5b9cef8d
Show whitespace changes
Inline Side-by-side
Showing with 189 additions and 161 deletions
src/components/footer/www/footer.jsx
View file @ 39134448
......@@ -11,12 +11,50 @@ var Footer = React.createClass({
render: function () {
return (
<FooterBox>
{this.props.layout == 'COLS4' || this.props.layout == 'COLS6' ? [
<div className="lists">
<dl>
<dd>
<a href="/about/">
<FormattedMessage id='general.aboutScratch' />
</a>
</dd>
<dd>
<a href="/jobs/">
<FormattedMessage id='general.jobs' />
</a>
</dd>
<dd>
<a href="/contact-us/">
<FormattedMessage id='general.contactUs' />
</a>
</dd>
</dl>
<dl>
<dd>
<a href="/terms_of_use/">
<FormattedMessage id='general.termsOfUse' />
</a>
</dd>
<dd>
<a href="/privacy_policy/">
<FormattedMessage id='general.privacyPolicy' />
</a>
</dd>
<dd>
<a href="/community_guidelines/">
<FormattedMessage id='general.guidelines' />
</a>
</dd>
</dl>
</div>
] : [
<div className="lists">
<dl>
<dt>
<FormattedMessage id='general.about' />
</dt>
<dd className="showMobile">
<dd>
<a href="/about/">
<FormattedMessage id='general.aboutScratch' />
</a>
......@@ -41,7 +79,7 @@ var Footer = React.createClass({
<FormattedMessage id='general.credits' />
</a>
</dd>
<dd className="showMobile">
<dd>
<a href="/jobs/">
<FormattedMessage id='general.jobs' />
</a>
......@@ -52,12 +90,11 @@ var Footer = React.createClass({
</a>
</dd>
</dl>
<dl>
<dt>
<FormattedMessage id='general.community' />
</dt>
<dd className="showMobile">
<dd>
<a href="/community_guidelines/">
<FormattedMessage id='general.guidelines' />
</a>
......@@ -98,7 +135,7 @@ var Footer = React.createClass({
<FormattedMessage id='general.offlineEditor' />
</a>
</dd>
<dd className="showMobile">
<dd>
<a href="/contact-us/">
<FormattedMessage id='general.contactUs' />
</a>
......@@ -114,12 +151,12 @@ var Footer = React.createClass({
<dt>
<FormattedMessage id='general.legal'/>
</dt>
<dd className="showMobile">
<dd>
<a href="/terms_of_use/">
<FormattedMessage id='general.termsOfUse' />
</a>
</dd>
<dd className="showMobile">
<dd>
<a href="/privacy_policy/">
<FormattedMessage id='general.privacyPolicy' />
</a>
......@@ -162,7 +199,7 @@ var Footer = React.createClass({
</dd>
</dl>
</div>
]}
<LanguageChooser />
<div className="copyright">
......
src/components/footer/www/footer.scss
View file @ 39134448
......@@ -7,11 +7,10 @@
text-align: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
justify-content: space-around;
dl {
display: inline-block;
width: 130pt;
vertical-align: top;
text-align: left;
font-size: .8rem;
......@@ -52,15 +51,7 @@
//4 and 6 columns
@media only screen and (max-width: $tablet - 1) {
#footer .lists dd {
&:not(.showMobile) {
display: none;
}
}
#footer .lists dl {
dt {
display: none;
}
#footer .lists {
justify-content: space-around;
}
}
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