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' /> <TabsBar key='tabs' />
</div> </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> </div>
); );
} else { } else {

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

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