[デザイン] タグが付いた質問
このサイトのデザインや表示に関する質問・バグ報告に使います。こういった問題は環境依存であることが多いので、確認したOSやブラウザなどの情報や、スクリーンショットもあるとわかりやすいです。
60 件の質問
5
票
1
回答
201
閲覧数
Markdownヘルプに書かれたハイパーリンクの記述例が正常に表示されていない
不具合事象
Markdownの記述方法を示すために、質問フォームの上部には簡易的なヘルプが書かれています。その中にハイパーリンクのMarkdownにおける記述方法が、ソースコードとともに紹介されている箇所があります。しかし、その部分が正常に表示されていないようです。
以下の画像は問題の表示を撮影したスクリーンショットです。記述例のうち一番下の例が、ハイパーリンクのソースコードではなく、...
5
票
0
回答
100
閲覧数
問い合わせフォームのプレースホルダが数値文字参照になっている
不具合事象
問い合わせフォームのプレースホルダが数値文字参照になっています。以下は問い合わせページの「トラスト&セーフティ」の一項目を選択したときのスクリーンショットです。
この画像を見ると、メールアドレス、リンク、検索キーワードなどの入力欄のプレースホルダが数値文字参照になっていることがわかります。これ以外の選択肢においても、同様の問題が発生していることを確認しています。
再現環境
OS:...
4
票
0
回答
70
閲覧数
削除された投稿の赤い背景がサイドバー側にはみ出てしまう
不具合事象
削除された質問の赤い背景が、画面左側に表示されるサイドバー側にはみ出てしまう場合があります。問題が再現した際のスクリーンショットを以下に示します。
これは下記の再現環境で述べた環境において、画面サイズを800pxにしたときの画像です。はみ出していることが分かりやすいよう、サイドバーの質問、セーブおよびユーザの3つのリンクをホバー状態にしています。
再現環境
OS:Windows ...
6
票
1
回答
134
閲覧数
Saves のプライベートメモ編集時の UI が崩れて表示される
自身のプロフィールページから保存済み Saves の一覧を閲覧時、メニューから「プライベートメモ」を残す機能がありますが、編集時の「保存」と「キャンセル」の文字列が崩れて表示されます。
過去の関連質問と同じく、日本語フォントの環境でのみ発生する問題が再発していると思われます。
関連:
日本語を含む UI の一部デザインが崩れて表示される
日本語版での表示:
MSE (英語環境) での表示:
4
票
1
回答
235
閲覧数
CSSの変更や追加は可能ですか?
ユーザーコミュニティ側から依頼した場合、スタック・オーバーフロー(日本語版 StackOverflow)のスタイル指定(CSS)を変更、あるいは追加することは可能ですか? 不具合の修正であれば、当然対応していただけると思うのですが、それ以上の依頼を想定しています。
どのような依頼が有り得るかというと、
日本語に配慮したフォント指定
英語版と区別可能なアクセントカラー
などが考えられます。今現在、...
2
票
0
回答
55
閲覧数
ツールチップの文章が折り返されていない箇所がある
不具合事象
ユーザーページのアクティビティタブにあるツールチップの中に、文章が折り返されずはみ出しているものがありました。現状では次の画像のようになっています。
補足情報 (OS, ブラウザのバージョンなど)
不具合が再現した OS, ブラウザは以下のとおりです。
Windows 10
Google Chrome 96.0.4664.110
Opera 82.0.4227.23
3
票
2
回答
357
閲覧数
Markdown 編集ヘルプで斜体が反映されていない箇所がある
Markdown 編集ヘルプで斜体が反映されておらず、アンダーバーがそのまま残っている箇所があります。以前にも同様の問題が発生していたようなので、原因が同じだとすればアンダーバーの両側にスペースを入れることで問題は解決すると思います。私も以前これと似た問題について投稿した覚えがありますが、該当するスレッドが見つからないため、改めて投稿しておきます。
ベア URL
Markdown ...
3
票
0
回答
51
閲覧数
改版履歴の編集サマリーで長いURLがはみ出す
専門用語の和訳一覧 の 改版履歴 を見ていたところ、編集サマリーとして記入されていた長い URL の折り返しがされておらず、はみ出していることに気づきました。
より長い URL だった場合は本来不要な横スクロールバーが生じるといった問題があるので、以下のように折り返されていたほうが見た目としては良いと思います。
2
票
0
回答
63
閲覧数
レビュータスクの回答数に関するテキストが枠線からはみ出している
つい最近レビュー周辺のデザインが変わりましたが、次の画像からわかるように、レビュータスクの回答数に関するテキストが緑色の枠線からはみ出してしまっています。また「回答」という1つの単語が1文字ずつ改行されており、読みづらいです。
この部分は次の画像のようになっていたほうが読みやすいと感じます。
2
票
1
回答
125
閲覧数
トップのバッジリストの余白の表示がつぶれている
下記の通り、トップページの「最近のバッジ」の余白の表示がおかしいです。
具体的には、バッジの上下のスペースが詰まっているような感じになっており、以前はバッジの上下に余白があったように記憶しています。
1
票
1
回答
79
閲覧数
モバイル版での閲覧時、回答の段落がわずかにスクロールする
スマホからのアクセス時、質問ページで各回答部分の段落がなぜか上下に数ピクセル分だけスライドする状態になっており、ページのスクロールをするつもりでスワイプしてもうまく動作しない場合があります。
画面の同じ位置、同じサイズで切り出した画像:
確認環境:
Android 版 Chrome 87.0.4280.101
2
票
0
回答
40
閲覧数
ダークモードでレビュー内容の初回表示時のアニメーションがライトモードのまま
不具合事象
ダークモードでレビュー内容の初回表示時のアニメーションがライトモードのものになっています。問題を再現した動画像を撮影出来ていないため、文章で不具合事象の内容を書いておきます。
レビュー対象の投稿が表示される
投稿全体の背景が黄色になる
黄色の状態から次第に白色の背景へと遷移していく
完全に白色になった後、透明に戻る
これはライトモードのような白色背景では、...
4
票
0
回答
90
閲覧数
ユーザの回答一覧をスマホで並べ替えるとソート順が設定コンボボックスと食い違う
AndroidスマホでSOjaなどのユーザ情報を開き、下記の操作を行うと回答一覧などのソート順の表示に齟齬が発生します。
任意のユーザ情報→アクティビティタブを開く
回答一覧の右にある『並べ替える』コンボを現在選択中のものから別のものに変更する
(例えば票→新着)
任意の項目をタップして回答のリンク先に画面遷移する
画面下のナビバーで『戻る◁』ボタンをタップする
上記の例において、...
4
票
0
回答
66
閲覧数
タグ情報ページで現在訪問しているタブのタブテキストが見づらい
ダークモードでタグ情報ページを閲覧すると、現在訪問しているページのタブの文字色が背景と近い色となっており、見づらい状態になっています。
また、ダークモードの状態で現在訪問しているタブにマウスホバーすると、タブの背景がライトモード時の色になってしまいます。
3
票
0
回答
66
閲覧数
タグ候補の表示時に名前が長いタグが見切れる
タグ候補の表示時に、名前の長いタグが見切れています。以下の画像では、シンタックスハイライト, 他言語サイトでの提案 というタグの右側にある疑問符のアイコンが見切れています。
5
票
1
回答
208
閲覧数
タグの入力欄でもタグの種類が見分けられるようにしてほしい
スタック・オーバーフロー Meta ではタグの種類が 3 種類あります。
モデレーター専用タグ
必須タグ
タグ
これは質問一覧や質問ページなどではデザインが異なるため直感的に見分けることが出来ます。
しかし、タグ編集や質問作成時のタグ入力ではこのような色分けがされておらず、見分けがつきません。必須タグが含まれていない場合や、...
3
票
1
回答
64
閲覧数
幾つかの要素がレビューバーの上に重なって表示される
レビュー時に表示される固定されたレビューバーがあり、通常はすべての要素がこのレビューバーの下にありますが、幾つかの要素がこれの上に重なって表示されてしまいます。
1
票
1
回答
95
閲覧数
コードフェンスが編集時には反映されているが、通常時には反映されない?
不具合事象
cocos2d-x(v3.14.1)のandroidで、sdkbox::PluginShare::init()時にクラッシュしてしまう という質問を見ると「発生している問題・エラーメッセージ」という見出しのすぐ下にコードフェンス用と思われるバッククォートがそのまま表示されていました。
そこで、この不要なバッククォートを削除するため、編集を行おうとすると、...
3
票
1
回答
248
閲覧数
Markdownのスポイラーでの装飾時、文章が隠れていることを分かるようにして欲しい
Markdownで「スポイラー」を使うと一部の文章を非表示に出来ますが、モバイル版では「クリックして文章を表示」とスポイラーが設定されていることが分かるようになっている一方、
PCで表示した際は一見なにも書かれていない引用ブロックがあるだけのように見えます。
投稿者が注意書きを添えればいいのかもしれませんが、モバイル版の挙動に合わせた方が分かりやすいのではないかと思います。
PC版のスポイラー
...
3
票
1
回答
86
閲覧数
ナビゲーションバーのレビューアイコンに赤い丸が表示されているのはなぜ?
権限「レビュー キューへのアクセス」により、ナビゲーションバーのユーザー名の隣にレビュー キュー用のリンクが表示されます。これはドロップダウンリストになっており、クリックすることで「各項目にレビューされていないキューが入っているかどうか」を確認することが出来ます。
あるとき、このレビュー キューのアイコンの右上に赤い丸が表示されていました。そしてドロップダウンリストをクリックすると、通常レビュー ...
5
票
1
回答
245
閲覧数
日本語を含む UI の一部デザインが崩れて表示される
日本語を含むUIが複数個所で表示が崩れてしまっています。これらの問題が起きている箇所は、元の英語の文字列よりも短いにも関わらずオーバーフローを起こしているように見えます。
(目についたものを挙げただけなので、これら以外の場所でも問題が起きている可能性があります)
search
検索
delete
削除
edit
編集
キーワードでの検索結果画面に表示される「検索」ボタン
...
5
票
1
回答
92
閲覧数
Winter Bash を有効にしている場合に投稿日時の表示が崩れる
不具合事象
帽子が大好きなユーザのみ、投稿日時の表示が崩れます。また、これは帽子が嫌いなユーザには発生しません。
スクリーンショット
以下は 「Python 3 で、文字列と整数が混在するリストから負数をint型で取得したい」で再現した問題のスクリーンショットです。
回答日時
帽子好きの場合
帽子嫌いの場合
更新日時
帽子好きの場合
帽子嫌いの場合
2
票
1
回答
78
閲覧数
クローズ理由の選択画面で、重複している質問先の入力欄が見切れている
不具合事象
クローズ理由の選択画面で、重複している質問先の入力欄が見切れています。以下が問題のスクリーンショットで、
以下が問題を改善した後のスクリーンショットです。
補足情報 (OS, ブラウザのバージョンなど)
不具合が再現した OS, ブラウザは以下のとおりです。
Windows 7, Windows 10
Google Chrome 74.0.3729.131
Opera 60....
4
票
1
回答
66
閲覧数
特定の授与日付で「バッジの授与履歴」の表示が崩れる
不具合事象
バッジの一覧が記載されているページから、バッジの授与履歴 (例: いい質問 - バッジ - スタック・オーバーフロー) を見ることが出来ます。このページでは、「授与対象の投稿」が左、「授与日付やユーザー」が右に配置されていますが、授与日付がすべて二桁になるとき、「授与時間やユーザー」が表示されているボックスが折り返します。
この動作は、...
5
票
1
回答
165
閲覧数
メタ版サイドバーの「よくある質問」に質問の一覧が表示されていない
不具合事象
メタ版サイドバーの「よくある質問」が表示されなくなっています。
不具合発生前
不具合発生後
原因
この不具合はシステムタグを日本語に翻訳した時期に発生したため、この変更が関係していると考えられます。
メタにおけるシステムタグの翻訳案を提案してください
7
票
1
回答
231
閲覧数
未ログイン状態でロゴが見切れる
不具合事象
未ログイン状態で、幾つかのページでロゴが見切れています。
正常なロゴ
見切れているときのロゴ
不具合の再現するページ
レスポンシブデザインを有効にしているか、無効にしているかで影響範囲が変化します。
また、この不具合はスタック・オーバーフロー Meta においても発生します。
レスポンシブデザインを無効化した場合
すべてのページ
レスポンシブデザインを有効化した場合
...
2
票
1
回答
151
閲覧数
stackoverflowのページがブラウザーウィンドウ幅が狭いとレイアウトが変わる?
題記の通りなのですが、stackoverflowのページがGoogle Chromeで開くと、本来縦に3カラムのレイアウトの筈が、「ホーム、質問、タグ」などのサイドバー的カラム、「質問一覧などの本文カラム」の2カラムレイアウトになり、質問一覧などの本文カラムの下にメタでのお勧めや、文章の整え方などのアシスト情報カラムが本文の下に回り込んでしまっています。
...
10
票
0
回答
205
閲覧数
日本語版を含む各ローカル版のレスポンシブ デザインがリリースされます
この投稿は、@NicolasChabanovsky さんが Meta Stack Exchange に投稿された "Responsive design for international sites will be released soon" の和訳です。
本文
スタック・オーバーフロー 日本語版を含む各ローカル版は9月25日(火)に新しくレスポンシブ デザインに変わります。
...
1
票
0
回答
55
閲覧数
ユーザーページで通知があるとタブの下線が消える
些細なことですが、ユーザーページのタブに通知が来ていると、そのタブの下線が消えます。
またホバーしたり、一度タブを切り替え通知を消せば治ります。
以下の画像では「返信」タブで起こってます。
追記:
mac 10.13.1 Firefox 57.0 で確認
同上 Safari 11.0.1 では起こりませんでした
FF側のバグっぽいですかね…
14
票
3
回答
345
閲覧数
新ナビゲーション・デザイン
Stack Overflow英語版と同じように当サイトのヘッダーを更新します:
来週の木曜日か金曜日に適用する予定ですので、適用してから問題点・疑問点等があれば、ご教示ください。
9
票
1
回答
179
閲覧数
メインサイトのロゴの右端が切れている
左上の画像の表示がちぎれたままなのですが、私の環境が変なのでしょうか?
13
票
1
回答
198
閲覧数
メタサイトのロゴに「メタ」と書いてほしい
カタカナ表記の方にも「メタ」と書いてあったほうがわかりやすいかと思うのですが、どうでしょうか。
現在でもMETAとは書かれていますが、よく似たパーツがメインサイトのロゴにもあるので、かえって紛らわしくなっているように思います。
6
票
2
回答
304
閲覧数
インラインのコードブロックを含む長いコメントが折り返されない
画面中央右側、関連する質問とコメントが重なっている。
当該コメント: https://ja.stackoverflow.com/q/14555#comment13243_14618
Long comments break formatting as seen in the screenshot. Here is a link to a sample comment that breaks ...
12
票
2
回答
353
閲覧数
プロフィールページが新しくなりました
4月15日に英語版でプロフィールページがリニューアルされました。
英語版のブログ記事: http://blog.stackoverflow.com/2015/04/two-new-user-pages-one-new-stat-this-ones-big/
自己紹介目的に特化した「プロフィール」と活動状況を確認しやすい「アクティビティ」に分割
自分の影響力を可視化!
翻訳の確認を兼ね、...
5
票
0
回答
118
閲覧数
ユーザープロファイルの「行動履歴」にデザインバグ
ユーザープロファイルの「行動履歴」に色々なバグが発見しました。
すべて - 日付がおかしいです:「月」と「日」が書いてされない。
承認 - テキストが縦書きです。
投稿数 - テキストが縦書きで、英語が残っている。
バッジ - テキストが縦書きです。
コメント - テキストが縦書きです。
編集 - テキストが縦書きです。(先よりまだ大丈夫と思うけど・・・)
レビュー - ...
2
票
1
回答
113
閲覧数
未ログイン状態でコメントしようとした時のポップアップでレイアウトが崩れている
ログインしていない状態でコメントを追加しようとするとログインを促すポップアップが表示されますが、一部分だけ余白が少なすぎるように感じます。細かい話ですが・・・。
CSS http://cdn.sstatic.net/jameta/all.css?v=7520815915ac
サイトバージョン rev 2015.2.16.2302
Chrome 42.0.2305.2 / Windows 8.1
7
票
0
回答
158
閲覧数
メイン・メタの新デザイン適用
去年の11月より英語版のStack Overflow Metaでは新デザインを適用しました。
今日から同じデザインを日本語版(メインサイトもメタも)に適用しました。
レティナディスプレイのサポートを強化しましたし、将来のCSSやロゴのメンテナンスもやりやすくしました。全体的にスペーシングとレイアウトを統一しました。
新デザインに関わるバグを探したら、バグとデザインで投稿してください
6
票
3
回答
195
閲覧数
質問一覧で質問冒頭部が表示されないケースがある
質問一覧画面では質問タイトル+本文冒頭が表示されますが、下記投稿では本文部分がまったく表示されていません。例えば facebookタグ一覧 ページなど。
facebookの認証画面が一瞬だけ現れて-すぐに消える
該当投稿の1文字目が、全角空白になっているせいでしょうか?
再現環境:
Firefox 35.0.1 / Windows 7
6
票
1
回答
1,127
閲覧数
コメントに豆腐が入るのを無くしてほしい
私が OpenStreetMap(Leafletを用いたコーディング)で表示範囲内のツイートを検出したい - スタック・オーバーフロー に投稿したコメントに豆腐が入りました。
他の方のコメントでも豆腐が入るのは時々見かけていましたが、自分のコメントで出てきたのは初めてでした。
消そうとしましたが消えなかったので、正体を確認しました。
Unicode Character 'ZERO WIDTH ...
2
票
1
回答
140
閲覧数
人間かどうかを証明するポップアップが明朝体になる
再現手順:
質問・回答・スニペットのマークアップ練習場 にアクセスする
質問の編集リンクをクリックし、保存しようとする
出てくるポップアップ:
期待する見た目:
サイト内の他の文言と同じように、ゴシック体のフォントであることを期待します。
原因:
bodyの外側にポップアップがあり、html要素にはfont-familyの指定がないためと考えられます。
修正方法の推測:
...
7
票
5
回答
908
閲覧数
CSSで和文フォントを指定してほしい
現在のCSSでは欧文フォントは指定されていますが、和文フォントが指定されていません。
私は現在、UbuntuとChromeでこのサイトを閲覧しているのですが、フォントの指定がないためゴチック体と明朝体が混ざってしまい見づらいと思います。
参考: フォントカタログ・標準の日本語フォント
2
票
4
回答
662
閲覧数
今のデザインは読みにくくありませんか?
本家もかなり酷いですけど、視認性わるくないですか?
どうもQ&AサイトってろくでもないUIが多い気がします。
https://teratail.com/(パッと見の見てくれだけは良い)
http://w3q.jp/(横幅狭すぎ)
具体的には
構成要素の区切り境界線がない、または曖昧すぎ
画像・アイコンが適切に利用されてない
行間隔おかしい
「...
2
票
1
回答
80
閲覧数
プロファイルの「自分について」にフォーマッティングバグ
「自分について」が現在空白なら、
(あなたの[自分について]は現在空白です)
編集するにはここをクリック
が表示されているけど、フォーマティングが何となく間違うと思う。
ここで(あなたの[_自分について_]は現在空白です)が大丈夫だけど、問題は「自分について」です。
1
票
0
回答
52
閲覧数
デザイン崩れ: 問い合わせページで出るポップアップのタイトル
URL: https://ja.meta.stackoverflow.com/contact
問い合わせ内容をドロップダウンから選んだら出るポップアップ:
タイトルの文字列と区切り線がくっついてしまっています。
0
票
2
回答
293
閲覧数
「Accepted Answer (花まるアンサー)」の記号
現在「花まるアンサー」の記号は:
日本では「チェック記号」は英語と真反対の意味を持っています。スタックオーバーフローの英語版を利用したことがあれば問題ないですが、サイトを利用したことがないユーザーは理解できると思いますか?
2
票
1
回答
49
閲覧数
モバイル表示の時、検索欄の「キャンセル」が改行されてしまっている
改行されない方がよい
1
票
1
回答
35
閲覧数
フッターメニューの「フィードバック」が途中で改行されてしまっている
サイトのフッターメニューの「フィードバック」が単語の途中で改行されてしまっている
1
票
1
回答
84
閲覧数
メタのバッジ一覧で金銀銅の丸ぽちが隠れている
URL: https://ja.meta.stackoverflow.com/help/badges
Google Chrome 37.0.2062.124 / Mac OS X 10.9.5 / Retina
1
票
0
回答
30
閲覧数
メタで必須タグと普通のタグの色がほぼ同じで区別が付きにくい
ディスプレイの色味はとくにいじっていません。
1
票
0
回答
26
閲覧数
フィードアイコン周辺のデザイン崩れ
各ページの右下にあるフィードへのリンクについて:
アイコンの左に何かのラインが見える
フィードアイコンとラベルの間が詰まって見える
Google Chrome 37.0.2062.124 / Mac OS X 10.9.5 / Retina