vektor-inc / x-t9

GNU General Public License v2.0
18 stars 1 forks source link

個別投稿で使っているカラムブロックのサイドバーの幅が変わらないです #251

Closed mtdkei closed 6 months ago

mtdkei commented 6 months ago

現状

個別投稿で使っているカラムブロックの幅に数値を入れても変わりません。

現象の確認手順

  1. [サイトエディター] > [テンプレート] > [個別投稿] に移動
  2. 使われているメインカラムとサイドバーで使用しているカラムブロックの幅に数値を入れて更新 image
  3. フロントエンドで見るとサイドバーがgapを0にしているはずが余白が開いている状態になる image

原因と思われる部分

サイドバーに使用されている以下のHTMLと <div class="wp-block-column is-style-main-layout-sidebar is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.333%">

以下のCSSがバッティングし、is-style-main-layout-sidebarの方が勝ってしまいます。

.is-style-main-layout-sidebar {
    flex-grow: unset !important;
    flex-basis: var(--wp--custom--layout--sidebar) !important;
}

image

上記の原因は!importantかと思いますが、!importantを書いている理由があると思われるため、issueだけ上げておきました。

kurudrive commented 6 months ago

@mtdkei たぶんこれの事かな?

https://training.vektor-inc.co.jp/courses/x-t9-basic-settings/lessons/x-t9-sidebar-width/

mtdkei commented 6 months ago

@kurudrive そこでした!お手数をおかけしました。ありがとうございます。