[ 解決済 ] G3 パンくずリストにiタグ

VWSとは フォーラム Lightning [ 解決済 ] G3 パンくずリストにiタグ

[ 解決済 ] G3 パンくずリストにiタグ

  • このトピックには7件の返信、4人の参加者があり、最後にkomori0321により3年、 5ヶ月前に更新されました。
8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • 投稿者
    投稿
  • #50736

    komori0321
    参加者

    G2
    Lightning Pro
    VK All in One Expansion Unit
    VK Blocks Pro
    Lightning Skin Pale

    G3へ
    Lightningバージョン: 14.0.6
    Lightning G3 Pro Unit バージョン 0.1.3
    VK All in One Expansion Unitバージョン 9.52.1.0
    VK Blocks Proバージョン 1.2.4

    いつもありがとうございます
    G3へ移行中です

    Lightning Skin Paleではパンくずリストの文字の前に絵を選べましたが
    G3ではその機能はなさそうです
    パンくずリストの文字の前にiタグ入れたいのですが
    方法が見つかりません
    どのようにすればパンくずリストの文字の前にiタグ入れることができますか?
    ご教授願います

    • このトピックはkomori0321が3年、 6ヶ月前に変更しました。

    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #50738

    お世話になっております。株式会社ベクトルの石川でございます。

    Lightning Skin Paleではパンくずリストの文字の前に絵を選べましたが

    パンくずについて家のアイコンはつきましたが選ぶ機能はありませんでした。

    今後の検討課題とさせていただきますが、他に優先度の高い作業が多いので対応時期は未定となります。

    https://github.com/vektor-inc/lightning/issues/591

    よろしくお願いいたします。

    #50743

    komori0321
    参加者

    石川様

    お世話になります
    >パンくずについて家のアイコンはつきましたが選ぶ機能はありませんでした。
    すみません勘違いです。メニューの文字の前でした。

    >パンくずについて家のアイコンはつきましたが選ぶ機能はありませんでした。
    はい。とりあえずは家のアイコンをhomeの前に入れたいので
    その機能があればうれしいです

    急ぎません。次期はお任せします
    ありがとうございます

    #50768

    G3 のパンくずリストのスタイルのカスタマイズサンプルです。

    ※G3 のアップデートで home アイコンが追加されたら、最初のブロックは削除してください。

    /* 先頭に home アイコンを表示 */
    .breadcrumb li:first-child::before {
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      content: '\f015';
      padding-right: 0.3em;
      color: #00fa9a;
    }
    
    /* リストアイテムの右に右向き三角アイコンを表示 */
    .breadcrumb li::after {
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      content: '\f0da';
      padding: 0 0.3em;
      color: #00fa9a;
    }
    
    /* 最後のリストアイテムの右はアイコンなし */
    .breadcrumb li:last-child::after {
      content: '';
    }

    content: の \ に続く4文字の記号は Font Awesome アイコンの番号のようなものです。
    調べ方は添付画像をご参照ください。

    上記の CSS を追加したパンくずリストはこうなります。

    パンくずリスト

    • この返信は3年、 6ヶ月前に対馬 俊彦が編集しました。
    Attachments:
    You must be logged in to view attached files.
    #50772

    komori0321
    参加者

    対馬様

    いつもありがとうございます
    ”home アイコンを表示”早速使わせていただきました

    おかげさまで いろいろ知識が身に付きそうです
    今後ともよろしくお願いします

    小森

    #51217

    Vektor,Inc
    キーマスター

    今週中にアップ予定の 14.0.10 で ホームアイコンがつくようになりますので、
    14.0.10 以降にアップデートの際は今回のカスタマイズコードを削除しないと重複表示になると思いますのでご注意ください。

    https://github.com/vektor-inc/lightning/commit/f3abccb948f53997168e5429f524c5d611440dd6

    #51218

    komori0321
    参加者

    キーマスター様

    >今週中にアップ予定の 14.0.10 で ホームアイコンがつくようになりますので、
    >14.0.10 以降にアップデートの際は今回のカスタマイズコードを削除しないと
    >重複表示になると思いますのでご注意ください。
    連絡ありがとうございます
    了解しました

    小森

    • この返信は3年、 5ヶ月前にkomori0321が編集しました。
    #51343

    komori0321
    参加者

    ホームアイコンを確認しました
    対応ありがとうございます

8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • このトピックに返信するにはログインが必要です。