random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated GlobalFooter styles to be visible on mobile

Browse Source 
• 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/gabsocial/components/global_footer.js
View File

@ -7,7 +7,7 @@ import Text from './text'
import ResponsiveClassesComponent from '../features/ui/util/responsive_classes_component' import ResponsiveClassesComponent from '../features/ui/util/responsive_classes_component'
const GlobalFooter = () => ( 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.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(' ')}> <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(' ')}> <div className={[_s.d, _s.aiCenter, _s.bgSecondary, _s.h100PC, _s.minH58PX, _s.w100PC, _s.saveAreaInsetPB, _s.jcSpaceAround].join(' ')}>
<ResponsiveClassesComponent <ResponsiveClassesComponent
classNames={[_s.d, _s.w1255PX, _s.flexRow, _s.aiCenter].join(' ')} 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(' ')}> <div classNames={[_s.d, _s.flexRow, _s.aiCenter].join(' ')}>

1
app/javascript/styles/global.css
View File

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