![見出し画像](https://assets.st-note.com/production/uploads/images/130696429/rectangle_large_type_2_8b66a7fa34d74abff519db676632f930.png?width=1200)
シン・TWSNMP(twsnmpfk)の改善4日目:かなり快調だったけど、ナビボタンが選択状態にならない問題で1時間悩んだ
今朝は、3時半から開発開始です。私が寝返りをうった時に助手の猫さんが起きてドアのところまで行って、待っていたので、そのまま起きました。助手の猫さんは二度寝してましたが、4時半にまたやってきて、ご飯と言っていました。美味しくないカリカリをあげるとプイッとして、三度寝しに、かみさんの布団に戻っていきました。
昨日は近くの温泉でリフレッシュしたので、改善のための開発が快調に進みました。懸念事項だった、ログの検索フィルターやフィードバック機能などすべて対応できました。
![](https://assets.st-note.com/img/1707776213767-GG07d9ulAD.png?width=1200)
![](https://assets.st-note.com/img/1707776231547-1r7fh8kCac.png?width=1200)
今朝は時間もあるので、リリースできるかもと、英語版も含めてテストを始めるといろいろ問題が発見されました。
細々、修正してテストしていると上部のナビボタンの表示がおかしいことに気が付きました。以前は選択したページのボタンの色が変わっていました
![](https://assets.st-note.com/img/1707776639865-7d28JIszaF.png?width=1200)
が、Flowbiteを更新したことが原因なのか、色が変わらなくなって、選択状態がわからなくなってしまいました。
選択した時には、active="true"となっているのですが、色を変えるCSSが提供されないようです。Flowbiteのほうで修正してくれると思いますが、暫定で自前で対策しておくことにしました。
CSSに
div[active="true"] svg {
color: rgba(23, 146, 227, 0.6);
}
を追加して
![](https://assets.st-note.com/img/1707776649733-6UtoAqUSHP.png?width=1200)
アイコンだけ、色を変えるようにできました。これに1時間以上悩みました。ここで時間切れです。
明日に続く
いいなと思ったら応援しよう!
![twsnmp](https://assets.st-note.com/production/uploads/images/14333815/profile_ee1accba5615957e5029db85d57fdb0a.jpg?width=600&crop=1:1,smart)