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

♥ 0

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

このトピックには5件の返信、2人の参加者があり、最後にKazukiにより2年、 3ヶ月前に更新されました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)

投稿者

投稿
2022年8月6日 5:35 PM #109044

Kazuki
参加者

♥ 3

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

### 発生している問題

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

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

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

### 試したこと

・各バージョンの最新化

♥ 0

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

2022年8月8日 8:57 AM #109096

キタジマタカシ
参加者

♥ 2421

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

♥ 1

いいねをした人:

2022年8月9日 10:18 AM #109168

キタジマタカシ
参加者

♥ 2421

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

♥ 1

いいねをした人:

2022年8月9日 10:37 AM #109173
Kazuki
参加者

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

ちなみにですが、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

いいねをした人: 居ません
2022年8月9日 2:07 PM #109182
キタジマタカシ
参加者

♥ 2421
下記追加してみてください！
```
.smb-tabs.is-style-line[data-orientation=horizontal] > .smb-tabs__tabs > .smb-tabs__tab-wrapper:after {
  height: 3px;
}
```
♥ 0

いいねをした人: 居ません
2022年8月9日 3:18 PM #109186

Kazuki
参加者

♥ 3

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

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

♥ 1

いいねをした人:
投稿者

投稿