[Kazuki]

【お使いの Snow Monkey のバージョン】17.2.4
【お使いの Snow Monkey Blocks のバージョン】16.0.3
【お使いの Snow Monkey Editor のバージョン】8.0.1
【お使いのブラウザ】chrome
【当該サイトのURL】https://plab-sports.com/

### 発生している問題

タブブロックのスタイルを「ライン」にするとスマホ表示でタブを横スクロールした際にラインが表示されません。

添付画像の「外野手」の部分にもラインが引かれるのが正常なのかなと思っています。
こちらは不具合でしょうか？それとも仕様でしょうか？

お手数ですが、ご確認よろしくお願い致します。

### 試したこと

・各バージョンの最新化

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あーほんとですね。スクロールが必要な部分まで下線が伸びてないですね…。ちょっとどう修正したら良いかわからないので調査します。ご報告ありがとうございます！

♥ 1

いいねをした人:

[キタジマ タカシ]

Snow Monkey Blocks v16.0.4 で修正しました。確認してみてください！

♥ 1

いいねをした人:

[Kazuki]

ありがとうございます！
早速のご対応大変助かりました！

ちなみにですが、CSSで該当箇所の線の太さを変更していたのですが、横スクロールした以降の部分は従来の太さに戻ってしまいました、、
以降の部分も太さを同じ3pxにするにはどうすれば良いか、ご教示いただくことはできますでしょうか？

追加CSSを下記にて共有させていただきます。

/* タブの下線太さ変更 */
.smb-tabs.is-style-line[data-orientation=horizontal]>.smb-tabs__tabs .smb-tabs__tab[aria-selected=true]:after, .smb-tabs.is-style-line[data-orientation=horizontal]>.smb-tabs__tabs:after {
  height: 3px;
}
/* ここまで */

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

下記追加してみてください！

.smb-tabs.is-style-line[data-orientation=horizontal] > .smb-tabs__tabs > .smb-tabs__tab-wrapper:after {
  height: 3px;
}

♥ 0

いいねをした人: 居ません

[Kazuki]

ありがとうございます！
無事に解決しました^^

迅速なご対応ありがとうございました！
トピックをクローズさせていただきます。

♥ 1

いいねをした人:

[投稿者]

投稿