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

responsive fixes

Browse Source
This commit is contained in:
2458773093 2019-09-18 23:17:53 +03:00
parent 20cce5fc39
commit 4c12aa8741
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/gabsocial/features/ui/components/status_revision_modal.js
View File

@ -23,7 +23,7 @@ class StatusRevisionModal extends ImmutablePureComponent {
const { intl, onClose, status } = this.props; const { intl, onClose, status } = this.props;
return ( return (
<div className='modal-root__modal'> <div className='modal-root__modal status-revisions-root'>
<div className='status-revisions'> <div className='status-revisions'>
<div className='status-revisions__header'> <div className='status-revisions__header'>
<h3 className='status-revisions__header__title'><FormattedMessage id='status_revisions.heading' defaultMessage='Revision History' /></h3> <h3 className='status-revisions__header__title'><FormattedMessage id='status_revisions.heading' defaultMessage='Revision History' /></h3>

10
app/javascript/styles/gabsocial/components/status-revisions.scss
View File

@ -1,3 +1,9 @@
.status-revisions-root {
@media screen and (max-width: 960px) {
width: 100%;
}
}
.status-revisions { .status-revisions {
padding: 8px 0 0; padding: 8px 0 0;
overflow: hidden; overflow: hidden;
@ -46,6 +52,10 @@
widows: 90%; widows: 90%;
} }
@media screen and (max-width: 960px) {
width: 100%;
}
&-list { &-list {
width: 100%; width: 100%;