Skip to content

Commit

Permalink
Merge pull request #1220 from vektor-inc/fix/width_full_is-layout-flex
Browse files Browse the repository at this point in the history
[ G3 ][ Design Bug Fix ] `:not` セレクターを追加することで、親に `.is-layout-flex` クラスがある場合に、子要素がコンテンツ幅全体に展開されないようにしました。
  • Loading branch information
kurudrive authored Jan 13, 2025
2 parents 776ff2c + a6715a1 commit 43674fa
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 1 deletion.
2 changes: 1 addition & 1 deletion _g3/assets/_scss/_common-theme-json.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
*/

// まず .is-root-container でメインエリアを定義している
:is( .alignfull, .alignwide ) {
:is( .alignfull, .alignwide ):where(:not(.is-layout-flex)) {
// theme.json があると __inner-container の div は出力されなくなってしまうので max-width にコンテンツ幅を指定
// .alert は投稿リストブロックで投稿がない時に出力されるため追加。本当は div にかける方が適切と思われるが、影響範囲が大きそうなので一旦 .alert のみで様子見
& > :is(
Expand Down
1 change: 1 addition & 0 deletions readme.txt
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,7 @@ [email protected]

== Changelog ==

[ G3 ][ Design Bug Fix ] Excluded child elements from expanding to full content width when the parent has the `.is-layout-flex` class by adding a `:not` selector.
[ G3 ][ Bug fix ] Fix block width on editor with narrow screen.

v15.29.3
Expand Down

0 comments on commit 43674fa

Please sign in to comment.