Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ヘルプのcssの修正と無いファイルへのリンクを削除 #1883

Closed
wants to merge 3 commits into from

Conversation

dep5
Copy link
Contributor

@dep5 dep5 commented Dec 25, 2022

PR の目的

  1. cssの文法のミスの修正
  2. 存在しないファイルへのリンクを削除

カテゴリ

  • 不具合修正
  • リファクタリング

PR の背景

PR のメリット

使われない部分の削除で、文法のエラーも消えて、コードがシンプルになります。

PR のデメリット (トレードオフとかあれば)

もともと表示には影響していない場所なのでデメリットはないと思います

仕様・動作説明

STRONG {
	COLOR: #909; BACKGROUND-COLOR: transparent;
	BORDER-RIGHT: 3px double; BORDER-TOP: 3px double; BORDER-LEFT: 3px double; BORDER-BOTTOM: 3px double
}

例えばこのように指定するとEdgeではこう表示されます。
3

下線しか反映されていない状態だったので
効いていなかった指定を削除します

PR の影響範囲

テスト内容

テスト1

手順

関連 issue, PR

#1443

参考資料

@sonarcloud
Copy link

sonarcloud bot commented Dec 25, 2022

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@AppVeyorBot
Copy link

Build sakura 1.0.4224 completed (commit 5d737b2d9c by @dep5)

@kengoide
Copy link
Member

引用されているスタイルを見て「なぜ反映されないのか?」と頭の中に疑問符が浮かびましたが、元のスタイルシートを確認して状況を理解しました。

BORDER-RIGHT: 3px; BORDER-TOP: 3px; BORDER-LEFT: 3px; BORDER-BOTTOM: 3px double

right, top, leftのborder-styleが指定されていないので何も表示されない、ということですね。
ヘルプ内のどこかでstrongに別のスタイルを適用している可能性が考えられますが、追加スタイルの有無は確認されましたでしょうか?

その他の変更についてはコメントアウトされたマークアップの除去と文法ミスの修正ですので問題ないと思います。

@kengoide
Copy link
Member

kengoide commented Dec 26, 2022

その他の変更についてはコメントアウトされたマークアップの除去と文法ミスの修正ですので問題ないと思います。

「文法ミスの修正」という認識は誤りでした。CSSの文末セミコロンは必須ではありませんので、あえて追加する修正を加える必要はないと思います。
https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax

@berryzplus
Copy link
Contributor

berryzplus commented Dec 26, 2022

参考情報です。

strong タグを使った強調は、当初の意図とズレていると思います。

HTMLでテキストを太字強調するタグには <b>(非推奨)<strong> があります。
過去、 <b><strong> に置き換える対応を行っているため、cssで特殊な強調を施される対象が当初の意図に反して増えている可能性があります。

自分はこの件、そのままやってもいいかな?と思ってましたが
せっかくなら定義を行ごとにバラした方がメンテナンスしやすい気がして
それを指摘するかどうかで迷って放置した感じです。

※行ごとにバラす

    BORDER-RIGHT: 3px;
    BORDER-TOP: 3px;
    BORDER-LEFT: 3px;
    BORDER-BOTTOM: 3px double

@dep5
Copy link
Contributor Author

dep5 commented Dec 26, 2022

kengoideさん
コメントありがとうございます。

構文 - CSS カスケーディングスタイルシート - MDN
2つ目の画像を見てください
セミコロンが省略できるのは最後だけです。
このPRでは次の行がある時だけセミコロンを追加しています。

現在のstrongタグのスタイルの適用状態です
1
セミコロンを追加しました
2

@dep5
Copy link
Contributor Author

dep5 commented Dec 26, 2022

berryzplusさん
コメントありがとうございます。
borderの線種を指定しなければ表示されませんので
下線だけでよいのならborder-bottomの指定だけでよいように思います。
<b>(太字)の置き換えにしては<strong>のヘルプのスタイル指定はちょっと強いようにも思いますが、許容範囲かなと思っています。

@dep5 dep5 marked this pull request as ready for review December 29, 2022 14:12
@dep5
Copy link
Contributor Author

dep5 commented Jan 16, 2023

セミコロンの追加にしぼって
#1895 で対応することにしました。
コメントありがとうございました

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants