mstdn.y-zu.org/mastodon
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:シングルカラムで崩れる問題

Browse Source
This commit is contained in:
YoheiZuho 2023-07-02 08:09:04 +00:00
parent 169b80234e
commit 4fe20bae9c
2 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/mastodon/features/ui/components/columns_area.js
View File

@ -164,6 +164,12 @@ export default class ColumnsArea extends ImmutablePureComponent {
<TabsBar key='tabs' />
</div>
<div className='columns-area__panels__pane columns-area__panels__pane--start columns-area__panels__pane--navigational'>
<div className='columns-area__panels__pane__inner'>
<NavigationPanel />
</div>
</div>
</div>
);
} else {

21
app/javascript/styles/plugin.scss
View File

@ -14,21 +14,32 @@
border-radius: 50%;
}
.tab-ber-bottom .timeline{
.tab-ber-bottom .navber {
display: none;
}
@media screen and (max-width: 630px) {
.tab-ber-bottom .timeline{
width:100%;
height: calc(100% - 55px);
margin: 0 0 50px 0;
}
}
.tab-ber-bottom .navber{
.tab-ber-bottom .navber{
display: flex;
width:100%;
bottom: 0;
position: fixed;
}
}
.tab-ber-bottom .navber .tabs-bar__wrapper{
.tab-ber-bottom .navber .tabs-bar__wrapper{
bottom: 0;
width: 100%;
}
.columns-area__panels__pane--navigational{
display: none;
}
}
//ここまで下タブバーの実装