github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-11-25 09:41:49 +08:00
Code Issues Actions 46 Packages Projects Releases Wiki Activity

fix(qa): grid layout causes overflowing of content

Browse Source 
Signed-off-by: Sami Mazouz <sychocouldy@gmail.com>
This commit is contained in:
Sami Mazouz 2022-09-08 20:33:32 +01:00
parent 27e3d322ec
commit 32961d480c
No known key found for this signature in database
3 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
framework/core/less/common/root.less
View File

@ -116,4 +116,8 @@
@media @tablet { --flarum-screen: tablet; }
@media @desktop { --flarum-screen: desktop; }
@media @desktop-hd { --flarum-screen: desktop-hd; }
@media @tablet { --container-width: @screen-tablet; }
@media @desktop { --container-width: @screen-desktop; }
@media @desktop-hd { --container-width: @screen-desktop-hd; }
}

11
framework/core/less/common/scaffolding.less
View File

@ -55,17 +55,8 @@ p {
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
width: var(--container-width);
.clearfix();
@media @tablet {
width: @screen-tablet;
}
@media @desktop {
width: @screen-desktop;
}
@media @desktop-hd {
width: @screen-desktop-hd;
}
}
.containerNarrow {

5
framework/core/less/forum/DiscussionPage.less
View File

@ -25,9 +25,10 @@
@media @tablet-up {
.DiscussionPage-discussion {
> .container {
--container-gap: 75px;
display: grid;
grid-gap: 75px;
grid-template-columns: 1fr 150px;
grid-gap: var(--container-gap);
grid-template-columns: calc(~"var(--container-width) - 150px - var(--container-gap)") 150px;
grid-template-areas: 'stream nav';
&::before, &::after {