github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-11-22 12:48:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(qa): simpler grid layout fix for overflow

Browse Source 
Signed-off-by: Sami Mazouz <sychocouldy@gmail.com>
This commit is contained in:
Sami Mazouz 2022-09-08 20:51:13 +01:00
parent 32961d480c
commit 8aec252452
No known key found for this signature in database
3 changed files with 14 additions and 8 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,8 +116,4 @@
@media @tablet { --flarum-screen: tablet; } @media @tablet { --flarum-screen: tablet; }
@media @desktop { --flarum-screen: desktop; } @media @desktop { --flarum-screen: desktop; }
@media @desktop-hd { --flarum-screen: desktop-hd; } @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,8 +55,17 @@ p {
margin-left: auto; margin-left: auto;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
width: var(--container-width);
.clearfix(); .clearfix();
@media @tablet {
width: @screen-tablet;
}
@media @desktop {
width: @screen-desktop;
}
@media @desktop-hd {
width: @screen-desktop-hd;
}
} }
.containerNarrow { .containerNarrow {

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

@ -25,10 +25,9 @@
@media @tablet-up { @media @tablet-up {
.DiscussionPage-discussion { .DiscussionPage-discussion {
> .container { > .container {
--container-gap: 75px;
display: grid; display: grid;
grid-gap: var(--container-gap); grid-gap: 75px;
grid-template-columns: calc(~"var(--container-width) - 150px - var(--container-gap)") 150px; grid-template-columns: 1fr 150px;
grid-template-areas: 'stream nav'; grid-template-areas: 'stream nav';
&::before, &::after { &::before, &::after {
@ -65,6 +64,8 @@
.DiscussionPage-stream { .DiscussionPage-stream {
grid-area: stream; grid-area: stream;
max-width: 100%;
min-width: 0;
} }
} }