Skip to main content

[デザイン] タグが付いた質問

このサイトのデザインや表示に関する質問・バグ報告に使います。こういった問題は環境依存であることが多いので、確認したOSやブラウザなどの情報や、スクリーンショットもあるとわかりやすいです。

60 件の質問
絞り込み
並べ替え
タグ付けされた
5
1 回答
201 閲覧数

Markdownヘルプに書かれたハイパーリンクの記述例が正常に表示されていない

不具合事象 Markdownの記述方法を示すために、質問フォームの上部には簡易的なヘルプが書かれています。その中にハイパーリンクのMarkdownにおける記述方法が、ソースコードとともに紹介されている箇所があります。しかし、その部分が正常に表示されていないようです。 以下の画像は問題の表示を撮影したスクリーンショットです。記述例のうち一番下の例が、ハイパーリンクのソースコードではなく、...
supa's user avatar
  • 5,399
5
0 回答
100 閲覧数

問い合わせフォームのプレースホルダが数値文字参照になっている

不具合事象 問い合わせフォームのプレースホルダが数値文字参照になっています。以下は問い合わせページの「トラスト&セーフティ」の一項目を選択したときのスクリーンショットです。 この画像を見ると、メールアドレス、リンク、検索キーワードなどの入力欄のプレースホルダが数値文字参照になっていることがわかります。これ以外の選択肢においても、同様の問題が発生していることを確認しています。 再現環境 OS:...
supa's user avatar
  • 5,399
4
0 回答
70 閲覧数

削除された投稿の赤い背景がサイドバー側にはみ出てしまう

不具合事象 削除された質問の赤い背景が、画面左側に表示されるサイドバー側にはみ出てしまう場合があります。問題が再現した際のスクリーンショットを以下に示します。 これは下記の再現環境で述べた環境において、画面サイズを800pxにしたときの画像です。はみ出していることが分かりやすいよう、サイドバーの質問、セーブおよびユーザの3つのリンクをホバー状態にしています。 再現環境 OS:Windows ...
supa's user avatar
  • 5,399
6
1 回答
134 閲覧数

Saves のプライベートメモ編集時の UI が崩れて表示される

自身のプロフィールページから保存済み Saves の一覧を閲覧時、メニューから「プライベートメモ」を残す機能がありますが、編集時の「保存」と「キャンセル」の文字列が崩れて表示されます。 過去の関連質問と同じく、日本語フォントの環境でのみ発生する問題が再発していると思われます。 関連: 日本語を含む UI の一部デザインが崩れて表示される 日本語版での表示: MSE (英語環境) での表示:
cubick's user avatar
  • 2.1万
4
1 回答
235 閲覧数

CSSの変更や追加は可能ですか?

ユーザーコミュニティ側から依頼した場合、スタック・オーバーフロー(日本語版 StackOverflow)のスタイル指定(CSS)を変更、あるいは追加することは可能ですか? 不具合の修正であれば、当然対応していただけると思うのですが、それ以上の依頼を想定しています。 どのような依頼が有り得るかというと、 日本語に配慮したフォント指定 英語版と区別可能なアクセントカラー などが考えられます。今現在、...
mjy's user avatar
  • 1.2万
2
0 回答
55 閲覧数

ツールチップの文章が折り返されていない箇所がある

不具合事象 ユーザーページのアクティビティタブにあるツールチップの中に、文章が折り返されずはみ出しているものがありました。現状では次の画像のようになっています。 補足情報 (OS, ブラウザのバージョンなど) 不具合が再現した OS, ブラウザは以下のとおりです。 Windows 10 Google Chrome 96.0.4664.110 Opera 82.0.4227.23
supa's user avatar
  • 5,399
3
2 回答
357 閲覧数

Markdown 編集ヘルプで斜体が反映されていない箇所がある

Markdown 編集ヘルプで斜体が反映されておらず、アンダーバーがそのまま残っている箇所があります。以前にも同様の問題が発生していたようなので、原因が同じだとすればアンダーバーの両側にスペースを入れることで問題は解決すると思います。私も以前これと似た問題について投稿した覚えがありますが、該当するスレッドが見つからないため、改めて投稿しておきます。 ベア URL Markdown ...
supa's user avatar
  • 5,399
3
0 回答
51 閲覧数

改版履歴の編集サマリーで長いURLがはみ出す

専門用語の和訳一覧 の 改版履歴 を見ていたところ、編集サマリーとして記入されていた長い URL の折り返しがされておらず、はみ出していることに気づきました。 より長い URL だった場合は本来不要な横スクロールバーが生じるといった問題があるので、以下のように折り返されていたほうが見た目としては良いと思います。
supa's user avatar
  • 5,399
2
0 回答
63 閲覧数

レビュータスクの回答数に関するテキストが枠線からはみ出している

つい最近レビュー周辺のデザインが変わりましたが、次の画像からわかるように、レビュータスクの回答数に関するテキストが緑色の枠線からはみ出してしまっています。また「回答」という1つの単語が1文字ずつ改行されており、読みづらいです。 この部分は次の画像のようになっていたほうが読みやすいと感じます。
supa's user avatar
  • 5,399
2
1 回答
125 閲覧数

トップのバッジリストの余白の表示がつぶれている

下記の通り、トップページの「最近のバッジ」の余白の表示がおかしいです。 具体的には、バッジの上下のスペースが詰まっているような感じになっており、以前はバッジの上下に余白があったように記憶しています。
Yuki Inoue's user avatar
  • 1.7万
1
1 回答
79 閲覧数

モバイル版での閲覧時、回答の段落がわずかにスクロールする

スマホからのアクセス時、質問ページで各回答部分の段落がなぜか上下に数ピクセル分だけスライドする状態になっており、ページのスクロールをするつもりでスワイプしてもうまく動作しない場合があります。 画面の同じ位置、同じサイズで切り出した画像: 確認環境: Android 版 Chrome 87.0.4280.101
cubick's user avatar
  • 2.1万
2
0 回答
40 閲覧数

ダークモードでレビュー内容の初回表示時のアニメーションがライトモードのまま

不具合事象 ダークモードでレビュー内容の初回表示時のアニメーションがライトモードのものになっています。問題を再現した動画像を撮影出来ていないため、文章で不具合事象の内容を書いておきます。 レビュー対象の投稿が表示される 投稿全体の背景が黄色になる 黄色の状態から次第に白色の背景へと遷移していく 完全に白色になった後、透明に戻る これはライトモードのような白色背景では、...
supa's user avatar
  • 5,399
4
0 回答
90 閲覧数

ユーザの回答一覧をスマホで並べ替えるとソート順が設定コンボボックスと食い違う

AndroidスマホでSOjaなどのユーザ情報を開き、下記の操作を行うと回答一覧などのソート順の表示に齟齬が発生します。 任意のユーザ情報→アクティビティタブを開く 回答一覧の右にある『並べ替える』コンボを現在選択中のものから別のものに変更する (例えば票→新着) 任意の項目をタップして回答のリンク先に画面遷移する 画面下のナビバーで『戻る◁』ボタンをタップする 上記の例において、...
payaneco's user avatar
  • 1.2万
4
0 回答
66 閲覧数

タグ情報ページで現在訪問しているタブのタブテキストが見づらい

ダークモードでタグ情報ページを閲覧すると、現在訪問しているページのタブの文字色が背景と近い色となっており、見づらい状態になっています。 また、ダークモードの状態で現在訪問しているタブにマウスホバーすると、タブの背景がライトモード時の色になってしまいます。
supa's user avatar
  • 5,399
3
0 回答
66 閲覧数

タグ候補の表示時に名前が長いタグが見切れる

タグ候補の表示時に、名前の長いタグが見切れています。以下の画像では、シンタックスハイライト, 他言語サイトでの提案 というタグの右側にある疑問符のアイコンが見切れています。
supa's user avatar
  • 5,399
5
1 回答
208 閲覧数

タグの入力欄でもタグの種類が見分けられるようにしてほしい

スタック・オーバーフロー Meta ではタグの種類が 3 種類あります。 モデレーター専用タグ 必須タグ タグ これは質問一覧や質問ページなどではデザインが異なるため直感的に見分けることが出来ます。 しかし、タグ編集や質問作成時のタグ入力ではこのような色分けがされておらず、見分けがつきません。必須タグが含まれていない場合や、...
supa's user avatar
  • 5,399
3
1 回答
64 閲覧数

幾つかの要素がレビューバーの上に重なって表示される

レビュー時に表示される固定されたレビューバーがあり、通常はすべての要素がこのレビューバーの下にありますが、幾つかの要素がこれの上に重なって表示されてしまいます。
supa's user avatar
  • 5,399
1
1 回答
95 閲覧数

コードフェンスが編集時には反映されているが、通常時には反映されない?

不具合事象 cocos2d-x(v3.14.1)のandroidで、sdkbox::PluginShare::init()時にクラッシュしてしまう という質問を見ると「発生している問題・エラーメッセージ」という見出しのすぐ下にコードフェンス用と思われるバッククォートがそのまま表示されていました。 そこで、この不要なバッククォートを削除するため、編集を行おうとすると、...
supa's user avatar
  • 5,399
3
1 回答
248 閲覧数

Markdownのスポイラーでの装飾時、文章が隠れていることを分かるようにして欲しい

Markdownで「スポイラー」を使うと一部の文章を非表示に出来ますが、モバイル版では「クリックして文章を表示」とスポイラーが設定されていることが分かるようになっている一方、 PCで表示した際は一見なにも書かれていない引用ブロックがあるだけのように見えます。 投稿者が注意書きを添えればいいのかもしれませんが、モバイル版の挙動に合わせた方が分かりやすいのではないかと思います。 PC版のスポイラー ...
cubick's user avatar
  • 2.1万
3
1 回答
86 閲覧数

ナビゲーションバーのレビューアイコンに赤い丸が表示されているのはなぜ?

権限「レビュー キューへのアクセス」により、ナビゲーションバーのユーザー名の隣にレビュー キュー用のリンクが表示されます。これはドロップダウンリストになっており、クリックすることで「各項目にレビューされていないキューが入っているかどうか」を確認することが出来ます。 あるとき、このレビュー キューのアイコンの右上に赤い丸が表示されていました。そしてドロップダウンリストをクリックすると、通常レビュー ...
supa's user avatar
  • 5,399
5
1 回答
245 閲覧数

日本語を含む UI の一部デザインが崩れて表示される

日本語を含むUIが複数個所で表示が崩れてしまっています。これらの問題が起きている箇所は、元の英語の文字列よりも短いにも関わらずオーバーフローを起こしているように見えます。 (目についたものを挙げただけなので、これら以外の場所でも問題が起きている可能性があります) search 検索 delete 削除 edit 編集 キーワードでの検索結果画面に表示される「検索」ボタン ...
cubick's user avatar
  • 2.1万
5
1 回答
92 閲覧数

Winter Bash を有効にしている場合に投稿日時の表示が崩れる

不具合事象 帽子が大好きなユーザのみ、投稿日時の表示が崩れます。また、これは帽子が嫌いなユーザには発生しません。 スクリーンショット 以下は 「Python 3 で、文字列と整数が混在するリストから負数をint型で取得したい」で再現した問題のスクリーンショットです。 回答日時 帽子好きの場合 帽子嫌いの場合 更新日時 帽子好きの場合 帽子嫌いの場合
supa's user avatar
  • 5,399
2
1 回答
78 閲覧数

クローズ理由の選択画面で、重複している質問先の入力欄が見切れている

不具合事象 クローズ理由の選択画面で、重複している質問先の入力欄が見切れています。以下が問題のスクリーンショットで、 以下が問題を改善した後のスクリーンショットです。 補足情報 (OS, ブラウザのバージョンなど) 不具合が再現した OS, ブラウザは以下のとおりです。 Windows 7, Windows 10 Google Chrome 74.0.3729.131 Opera 60....
supa's user avatar
  • 5,399
4
1 回答
66 閲覧数

特定の授与日付で「バッジの授与履歴」の表示が崩れる

不具合事象 バッジの一覧が記載されているページから、バッジの授与履歴 (例: いい質問 - バッジ - スタック・オーバーフロー) を見ることが出来ます。このページでは、「授与対象の投稿」が左、「授与日付やユーザー」が右に配置されていますが、授与日付がすべて二桁になるとき、「授与時間やユーザー」が表示されているボックスが折り返します。 この動作は、...
supa's user avatar
  • 5,399
5
1 回答
165 閲覧数

メタ版サイドバーの「よくある質問」に質問の一覧が表示されていない

不具合事象 メタ版サイドバーの「よくある質問」が表示されなくなっています。 不具合発生前 不具合発生後 原因 この不具合はシステムタグを日本語に翻訳した時期に発生したため、この変更が関係していると考えられます。 メタにおけるシステムタグの翻訳案を提案してください
supa's user avatar
  • 5,399
7
1 回答
231 閲覧数

未ログイン状態でロゴが見切れる

不具合事象 未ログイン状態で、幾つかのページでロゴが見切れています。 正常なロゴ 見切れているときのロゴ 不具合の再現するページ レスポンシブデザインを有効にしているか、無効にしているかで影響範囲が変化します。 また、この不具合はスタック・オーバーフロー Meta においても発生します。 レスポンシブデザインを無効化した場合 すべてのページ レスポンシブデザインを有効化した場合 ...
supa's user avatar
  • 5,399
2
1 回答
151 閲覧数

stackoverflowのページがブラウザーウィンドウ幅が狭いとレイアウトが変わる?

題記の通りなのですが、stackoverflowのページがGoogle Chromeで開くと、本来縦に3カラムのレイアウトの筈が、「ホーム、質問、タグ」などのサイドバー的カラム、「質問一覧などの本文カラム」の2カラムレイアウトになり、質問一覧などの本文カラムの下にメタでのお勧めや、文章の整え方などのアシスト情報カラムが本文の下に回り込んでしまっています。  ...
Чайка's user avatar
  • 3,381
10
0 回答
205 閲覧数

日本語版を含む各ローカル版のレスポンシブ デザインがリリースされます

この投稿は、@NicolasChabanovsky さんが Meta Stack Exchange に投稿された "Responsive design for international sites will be released soon" の和訳です。 本文 スタック・オーバーフロー 日本語版を含む各ローカル版は9月25日(火)に新しくレスポンシブ デザインに変わります。 ...
aki's user avatar
  • 1
1
0 回答
55 閲覧数

ユーザーページで通知があるとタブの下線が消える

些細なことですが、ユーザーページのタブに通知が来ていると、そのタブの下線が消えます。 またホバーしたり、一度タブを切り替え通知を消せば治ります。 以下の画像では「返信」タブで起こってます。 追記: mac 10.13.1 Firefox 57.0 で確認 同上 Safari 11.0.1 では起こりませんでした FF側のバグっぽいですかね…
packet0's user avatar
  • 2,439
14
3 回答
345 閲覧数

新ナビゲーション・デザイン

Stack Overflow英語版と同じように当サイトのヘッダーを更新します: 来週の木曜日か金曜日に適用する予定ですので、適用してから問題点・疑問点等があれば、ご教示ください。
jmac's user avatar
  • 482
9
1 回答
179 閲覧数

メインサイトのロゴの右端が切れている

左上の画像の表示がちぎれたままなのですが、私の環境が変なのでしょうか?
TOM's user avatar
  • 1,582
13
1 回答
198 閲覧数

メタサイトのロゴに「メタ」と書いてほしい

カタカナ表記の方にも「メタ」と書いてあったほうがわかりやすいかと思うのですが、どうでしょうか。 現在でもMETAとは書かれていますが、よく似たパーツがメインサイトのロゴにもあるので、かえって紛らわしくなっているように思います。
unarist's user avatar
  • 1.5万
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 ...
user10972's user avatar
  • 171
12
2 回答
353 閲覧数

プロフィールページが新しくなりました

4月15日に英語版でプロフィールページがリニューアルされました。 英語版のブログ記事: http://blog.stackoverflow.com/2015/04/two-new-user-pages-one-new-stat-this-ones-big/ 自己紹介目的に特化した「プロフィール」と活動状況を確認しやすい「アクティビティ」に分割 自分の影響力を可視化! 翻訳の確認を兼ね、...
ento's user avatar
  • 2,212
5
0 回答
118 閲覧数

ユーザープロファイルの「行動履歴」にデザインバグ

ユーザープロファイルの「行動履歴」に色々なバグが発見しました。 すべて - 日付がおかしいです:「月」と「日」が書いてされない。 承認 - テキストが縦書きです。 投稿数 - テキストが縦書きで、英語が残っている。 バッジ - テキストが縦書きです。 コメント - テキストが縦書きです。 編集 - テキストが縦書きです。(先よりまだ大丈夫と思うけど・・・) レビュー - ...
Andrew T.'s user avatar
  • 111
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
unarist's user avatar
  • 1.5万
7
0 回答
158 閲覧数

メイン・メタの新デザイン適用

去年の11月より英語版のStack Overflow Metaでは新デザインを適用しました。 今日から同じデザインを日本語版(メインサイトもメタも)に適用しました。 レティナディスプレイのサポートを強化しましたし、将来のCSSやロゴのメンテナンスもやりやすくしました。全体的にスペーシングとレイアウトを統一しました。 新デザインに関わるバグを探したら、バグとデザインで投稿してください
jmac's user avatar
  • 482
6
3 回答
195 閲覧数

質問一覧で質問冒頭部が表示されないケースがある

質問一覧画面では質問タイトル+本文冒頭が表示されますが、下記投稿では本文部分がまったく表示されていません。例えば facebookタグ一覧 ページなど。 facebookの認証画面が一瞬だけ現れて-すぐに消える 該当投稿の1文字目が、全角空白になっているせいでしょうか? 再現環境: Firefox 35.0.1 / Windows 7
yohjp's user avatar
  • 1万
6
1 回答
1,127 閲覧数

コメントに豆腐が入るのを無くしてほしい

私が OpenStreetMap(Leafletを用いたコーディング)で表示範囲内のツイートを検出したい - スタック・オーバーフロー に投稿したコメントに豆腐が入りました。 他の方のコメントでも豆腐が入るのは時々見かけていましたが、自分のコメントで出てきたのは初めてでした。 消そうとしましたが消えなかったので、正体を確認しました。 Unicode Character 'ZERO WIDTH ...
riocampos's user avatar
  • 693
2
1 回答
140 閲覧数

人間かどうかを証明するポップアップが明朝体になる

再現手順: 質問・回答・スニペットのマークアップ練習場 にアクセスする 質問の編集リンクをクリックし、保存しようとする 出てくるポップアップ: 期待する見た目: サイト内の他の文言と同じように、ゴシック体のフォントであることを期待します。 原因: bodyの外側にポップアップがあり、html要素にはfont-familyの指定がないためと考えられます。 修正方法の推測: ...
ento's user avatar
  • 2,212
7
5 回答
908 閲覧数

CSSで和文フォントを指定してほしい

現在のCSSでは欧文フォントは指定されていますが、和文フォントが指定されていません。 私は現在、UbuntuとChromeでこのサイトを閲覧しているのですが、フォントの指定がないためゴチック体と明朝体が混ざってしまい見づらいと思います。 参考: フォントカタログ・標準の日本語フォント
h2so5's user avatar
  • 4,103
2
4 回答
662 閲覧数

今のデザインは読みにくくありませんか?

本家もかなり酷いですけど、視認性わるくないですか? どうもQ&AサイトってろくでもないUIが多い気がします。 https://teratail.com/(パッと見の見てくれだけは良い) http://w3q.jp/(横幅狭すぎ) 具体的には 構成要素の区切り境界線がない、または曖昧すぎ 画像・アイコンが適切に利用されてない 行間隔おかしい 「...
user avatar
2
1 回答
80 閲覧数

プロファイルの「自分について」にフォーマッティングバグ

「自分について」が現在空白なら、 (あなたの[自分について]は現在空白です) 編集するにはここをクリック が表示されているけど、フォーマティングが何となく間違うと思う。 ここで(あなたの[_自分について_]は現在空白です)が大丈夫だけど、問題は「自分について」です。
Andrew T.'s user avatar
  • 111
1
0 回答
52 閲覧数

デザイン崩れ: 問い合わせページで出るポップアップのタイトル

URL: https://ja.meta.stackoverflow.com/contact 問い合わせ内容をドロップダウンから選んだら出るポップアップ: タイトルの文字列と区切り線がくっついてしまっています。
ento's user avatar
  • 2,212
0
2 回答
293 閲覧数

「Accepted Answer (花まるアンサー)」の記号

現在「花まるアンサー」の記号は: 日本では「チェック記号」は英語と真反対の意味を持っています。スタックオーバーフローの英語版を利用したことがあれば問題ないですが、サイトを利用したことがないユーザーは理解できると思いますか?
jmac's user avatar
  • 482
2
1 回答
49 閲覧数

モバイル表示の時、検索欄の「キャンセル」が改行されてしまっている

改行されない方がよい
ento's user avatar
  • 2,212
1
1 回答
35 閲覧数

フッターメニューの「フィードバック」が途中で改行されてしまっている

サイトのフッターメニューの「フィードバック」が単語の途中で改行されてしまっている
tomute's user avatar
  • 1,029
1
1 回答
84 閲覧数

メタのバッジ一覧で金銀銅の丸ぽちが隠れている

URL: https://ja.meta.stackoverflow.com/help/badges Google Chrome 37.0.2062.124 / Mac OS X 10.9.5 / Retina
ento's user avatar
  • 2,212
1
0 回答
30 閲覧数

メタで必須タグと普通のタグの色がほぼ同じで区別が付きにくい

ディスプレイの色味はとくにいじっていません。
ento's user avatar
  • 2,212
1
0 回答
26 閲覧数

フィードアイコン周辺のデザイン崩れ

各ページの右下にあるフィードへのリンクについて: アイコンの左に何かのラインが見える フィードアイコンとラベルの間が詰まって見える Google Chrome 37.0.2062.124 / Mac OS X 10.9.5 / Retina
ento's user avatar
  • 2,212