Skip to content

Commit

Permalink
Permalink Layout for Content (#1279)
Browse files Browse the repository at this point in the history
This PR adjusts the layout of the permalink page from the previous:

total = content + gutter + sidebar
900   = 540     + 30     + 330

To the updated:

total = content + gutter + sidebar
900   = 550     + 30     + 320

This better reflects our image intrinsic width of 550 from the CDN.

Fixes #1278
  • Loading branch information
spaceninja authored Dec 29, 2024
1 parent ae9bb2f commit 57af52b
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/legacy/areas/permalink/_permalink.scss
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
> .permalink-sidebar {
@media screen and (min-width: tokens.$size-breakpoint-lg) {
float: right;
width: 330px;
width: 320px;
}
}

Expand All @@ -39,7 +39,7 @@
> .image-comment-form {
@media screen and (min-width: tokens.$size-breakpoint-lg) {
float: left;
width: calc(100% - 360px);
width: calc(100% - 350px);
}
}
}
Expand All @@ -57,7 +57,7 @@
'image sidebar'
'comments sidebar'
'post-comment sidebar';
grid-template-columns: 1fr 330px;
grid-template-columns: 1fr 320px;
// stylelint-disable-next-line declaration-block-no-redundant-longhand-properties
grid-template-rows: repeat(3, min-content) 1fr;
}
Expand Down

0 comments on commit 57af52b

Please sign in to comment.