サイドバーウィジェットのブログカードがはみ出る!?

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも サイドバーウィジェットのブログカードがはみ出る!?

  • このトピックには7件の返信、2人の参加者があり、最後ににより11ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #48446 返信
      大和
      ゲスト

      2.4.1にバージョンアップしました

      ブログカード幅がサイドバー幅にならず
      500px?ではみ出してしまいます

      以前は収まっていたのですが・・

    • #48449 返信
      Hidekichi
      ゲスト

      参考: Simplicityを少し改造してみた 番外編 part20 cssのfloatの弊害をブログカードで説明する

      サンプル: blog-cardで見るfloatの弊害テスト(スマホサイズまでリサイズしてみて下さい)

    • #48450 返信
      Hidekichi
      ゲスト

      うほう、投稿してもた。
      サンプル: blog-cardで見るfloatの弊害テスト(スマホサイズまでリサイズしてみて下さい)

      上記ページで、ソースコードとリザルトの境界をマウスでドラッグしてリザルト画面を狭めてください。
      ソースコードが画面上部にある場合は、画面右上にあるchange viewより一番下にあるeditor viewから左右どちらかを選択すれば境界線が移動できるようになります。

      オリジナルはブログカードフッタ部分がはみ出すと思いますが、それ以外の例ははみ出さないと思います。
      オススメは、flex修正版ですが、はてブの部分がどうなるかはこの画面からはわからないので、微調整が必要かも知れません。

      cssはscssで書いてありますので、css欄の下向き三角よりview compiledを押し、cssに変換されたものを利用してもらえれば良いですが、3つあるので.test2が入っているのがflex修正版です。

      サイドバーに入れるのであれば、
      #sidebar .blog-card…のようなセレクタの指定に修正が必要になります。全体的に適用するのであれば、例えば.test2 .blog-card部分をまずコピペして、.test2を取り除けば全体適用になります。

      サンプルに何か問題があれば、修正します。

    • #48458 返信
      アバター画像わいひら
      キーマスター

      僕の開発環境でテストした限りでは、サイドバー内に収まっているように思います。
      ブログカードにもいろいろな設定があるので、設定次第で不具合が起きるのかもしれません。
      よければ、不具合ページのURLを掲載していただいてよろしいでしょうか?
      もしくは、内部ブログカード、外部ブログカードの設定がどのような設定状態かを書いていただけると助かります。
      (カスタマイザーの設定状態や、内部ブログカード、外部ブログカードをどのように、どのウィジェットを用いどのウィジェットエリアに挿入しているかなど)

    • #48464 返信
      大和
      ゲスト

      ブログカードは
      「サイドバーウィジェット」に「テキスト」内
      http://xxx.com
      と記入してます

      <カスタマイザーの設定>
      外部ブログカード「ブログカード(独自キャッシュ)」設定
       →サイドバーからはみ出る(500px?)
      外部ブログカード「はてなカード」に変更
       →サイドバー内に300pxで表示されました!(サムネイルが変わる)

      外部&内部カード共通
      「カード幅を広げる 」に設定すると
       →サイドバー内に収まる!但し、幅が狭い(250pxぐらい)

      バージョンアップ前は
      「カード幅を広げる 」設定なしで
      サイドバー内に300pxでカードが表示されていました

    • #48465 返信
      大和
      ゲスト

      <是正>
      <a href="http://xxx.com">http://xxx.com</a>

    • #48466 返信
      大和
      ゲスト

      <報告>
      「エントリーカード全体をリンク化」の
      チェックをはずしたら
      カード幅を広げなくても
      以前の表示に戻りました

      共存できないのでしょうか?

    • #48502 返信
      アバター画像わいひら
      キーマスター

      設定の詳細ありがとうございます!

      「エントリーカード全体をリンク化」の
      チェックをはずしたら
      カード幅を広げなくても
      以前の表示に戻りました

      サイドバーのブログカードに対して「エントリーカード全体をリンク化」の対策は確かにしますれていました。
      style.cssを以下のように修正すると改善されると思います。
      https://github.com/yhira/simplicity2/commit/01d810d8012e83a0eb96f54c93eec5368dfbb5b9
      この修正は、次のバージョン2.4.2で適用しようと思います。

7件の返信スレッドを表示中
返信先: サイドバーウィジェットのブログカードがはみ出る!?
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)