Foundationテーマの近代化

Foundation および Meta ブランドでの表示例:

image image

番号と矢印のコンテナは同じサイズにする必要があります。

「いいね!」 2

モバイルではこれが見当たりません。これは#desktop でしょうか?

ありがとうございます、さらに調査しました。新しい Foundation テーマによるもので、これは Meta Branded でも使用されており、デスクトップとモバイルの両方で発生します。

これを Modernizing the Foundation theme に移動すべきかどうかは確信が持てません。

「いいね!」 1

そのようにする executive な決断をしました :wink:

「いいね!」 3

この問題は修正され、近日中に更新されます。

「いいね!」 3

ダークテーマでは、特定のボタンの active 状態(主にキーボード操作で確認でき、マウスやタッチ操作では一時的にのみ表示される)が目に強すぎます:
image

赤い hover 状態も同様です:
image

最も問題なのは、暗い赤色の背景に暗い文字色を使用した「danger」ボタンです:
image

おそらく、単に赤色値や明るさを調整するだけで、2 番目と 3 番目の問題が解決するでしょう。

「いいね!」 2

これはこのメタテーマでのみ発生していますか?

はい。基盤において:

active
image

hover
image

danger
image

Meta ブランドよりもコントラストが優れています。

「いいね!」 2

これは依然として問題となっています:

WCAG カラーパレットを使用する際に、ボタンの境界線を調整する予定はありますか?現在、細く非常に薄い境界線が見えにくく、一部の場所ではボタンではなくアイコンが浮遊しているように見えます。以前の均一なグレーのボタンではこの問題は発生しませんでした。

また、ヘッダー下のシャドウが削除された際や、コンポーザー上部の彩色ラインが削除された際にも同様の違和感を覚えました。しかし、それらは画面の明確な領域であるのに対し、ボタンは様々な場所に配置されているため、周囲との区別がつかないという問題が私にとってより深刻になっています。

例えば、設定内のテキストフィールドには濃い境界線があります:

また、これはカテゴリのセキュリティ設定のスタイルも崩しているように見えました:

今後の変更に対するグループ選択も、新しいデザインでは不自然に大きく見えます:


「いいね!」 3

モバイル版のナビゲーションバーのテキストサイズが小さすぎると思います。Suggested/Related のフォントも小さすぎます。

関連情報:

「いいね!」 2

これは単なる好みの問題だと思います。私自身は新旧のどちらかと言えば反対の意見を持っています。古い Foundation のフォントやボタンは重厚すぎると感じますが、新しい Foundation のスリムな要素は、全体的なレイアウトと比較してずっと見栄えが良くなります。デスクトップでもモバイルでも機能的な使用については不満はありませんし、私が有効にしてからユーザーからもそのような報告はありません。:woman_shrugging:t2:

管理者にフィードバックを送ってみるのも良いかもしれません。もしかすると、彼らが旧バージョンの変更を取り入れた別のテーマを作成してくれるかもしれません。指摘されたフォントサイズを大きくするのは CSS で簡単にできます。あるいは、Stylus などのスクリプト型ブラウザ拡張機能を使って独自の修正を追加することも可能です(私は訪問するすべての Discourse サイト、このサイトも含めてそうしています)。

「いいね!」 4

「関連」ボタンの下に小さな隙間があります


フォントサイズを大きくすると、より目立つようになります

Stylus

.more-topics__container .nav .d-button-label {
   font-size: 150%;
}


「いいね!」 2

はい、だから「~のような」と言ったんです。彼らのテーマには他にも何かしらあるかもしれませんから。私はRustフォーラムではなく、metaを使っていたんですよ。親切な私だから、見てあげましょう。でも、フッターとヘッダー全体を確認するには、新しい未読アイテムが出るのを待つ必要があります。アバター付きのスクリーンショットから推測すると、モバイルビューポートでの表示でしょうか?

「いいね!」 3

ここでバグが確認できます

「いいね!」 2

OK、これは新しいファウンデーションテーマと注入された AI 関連トピックボタンに関する UX バグです。ボタンのクラスが少し異なり、余計な line-height が問題を悪化させているようです。image

ただし、これで少し改善されます。パディングの調整と line-height の削除で修正できます。```scss.more-topics__container .nav {
font-size: larger;

li .btn {
    padding: .5em;
    line-height: 0;
}

}

「いいね!」 2

ピン留め状態のメニューでは、オプションが著しく重なっています:

「いいね!」 3

スマホブラウザで管理タブグループのページを開くと表示が乱れる - 貢献 / ユーザーエクスペリエンス - Discourse Meta

メタ上でこの変更をオプトアウトすることはまだ可能でしょうか?私はグループに参加していませんが、この変更がすでに有効になっているようで、WCAG パレットを使用しているにもかかわらず、ボタン枠がほとんど見えなくなっています。

「いいね!」 2

いいえ、Metaではもうオプトアウト方式ではなく、そのグループは現在廃止されています。

ただし、引き続き気づいた問題を報告し続けてください。きっと、まだ改善が必要な箇所が見つかるはずです。

「いいね!」 1

それは違います。私がこれまで報告した問題が解決されるまで待ちますので、それらに専念してください :wink: 真剣に言いますが、2 月に書いた内容がまだ対応されていないのに、私が気づいたことを書き留めることに時間を費やすのはあまり意味がないように思えます。それに、インターフェースが正しく表示されないサイトを使うのは楽しくないことは、きっとご理解いただけるでしょう。アクセシビリティがあなたにとってそれほど優先度が低いとは残念です。

「いいね!」 4