Updated GlobalFooter styles to be visible on mobile

• Updated:
- GlobalFooter styles to be visible on mobile with FooterBar always on top
This commit is contained in:
mgabdev 2020-11-03 16:28:19 -06:00
parent 3fe558c912
commit e8d04b6a81
2 changed files with 3 additions and 2 deletions

@ -7,7 +7,7 @@ import Text from './text'
import ResponsiveClassesComponent from '../features/ui/util/responsive_classes_component'
const GlobalFooter = () => (
<div className={[_s.d, _s.z4, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.z3, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.left0, _s.right0, _s.bottom0, _s.w100PC, _s.bgSubtle, _s.borderTop1PX, _s.aiCenter, _s.borderColorSecondary].join(' ')}>
<div className={[_s.d, _s.mt15, _s.mb15].join(' ')}>
@ -116,7 +116,7 @@ const GlobalFooter = () => (
<div className={[_s.d, _s.aiCenter, _s.bgSecondary, _s.h100PC, _s.minH58PX, _s.w100PC, _s.saveAreaInsetPB, _s.jcSpaceAround].join(' ')}>
<ResponsiveClassesComponent
classNames={[_s.d, _s.w1255PX, _s.flexRow, _s.aiCenter].join(' ')}
classNamesXS={[_s.d, _s.w1255PX, _s.aiCenter, _s.px15, _s.pt15].join(' ')}
classNamesXS={[_s.d, _s.w1255PX, _s.aiCenter, _s.px15, _s.pt15, _s.pb50].join(' ')}
>
<div classNames={[_s.d, _s.flexRow, _s.aiCenter].join(' ')}>

@ -804,6 +804,7 @@ pre {
.pt5 { padding-top: 5px; }
.pt2 { padding-top: 2px; }
.pb50 { padding-bottom: 50px; }
.pb35 { padding-bottom: 35px; }
.pb15 { padding-bottom: 15px; }
.pb10 { padding-bottom: 10px; }