github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-04-13 13:51:26 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(regression): bad post actions alignment introduced in #3540 (#3619)

Browse Source 
* chore: merge media queries
* chore: change discussion page skeleton to grid layout
* chore: use grid areas instead of order

Signed-off-by: Sami Mazouz <sychocouldy@gmail.com>
This commit is contained in:
Sami Mazouz 2022-09-03 13:30:44 +01:00 committed by GitHub
parent 9897f682a0
commit 31f1ffd6a5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,17 +23,27 @@
}
}
@media @tablet-up {
.DiscussionPage-discussion {
> .container {
display: grid;
grid-gap: 75px;
grid-template-columns: 1fr 150px;
grid-template-areas: 'stream nav';
&::before, &::after {
content: none;
}
}
}
.DiscussionPage-nav {
float: right;
align-self: start;
position: sticky;
grid-area: nav;
top: var(--header-height);
padding-top: 32px;
z-index: 1;
&, > ul {
width: 150px;
}
> ul {
> li {
margin-bottom: 10px;
@ -51,11 +61,9 @@
}
}
}
}
@media @tablet-up {
.DiscussionPage-stream {
margin-right: 225px;
grid-area: stream;
}
}

1
framework/core/less/forum/Post.less
View File

@ -8,6 +8,7 @@
position: relative;
top: 0;
border-radius: var(--border-radius);
.clearfix();
&.editing {
top: 5px;