プロジェクト

全般

プロフィール

Vote #80045

完了

Visually distinguishable style for code tag

Admin Redmine さんが3年以上前に追加. 3年以上前に更新.

ステータス:
Closed
優先度:
通常
担当者:
-
カテゴリ:
UI_10
対象バージョン:
開始日:
2022/05/09
期日:
進捗率:

0%

予定工数:
category_id:
10
version_id:
127
issue_org_id:
31343
author_id:
332
assigned_to_id:
332
comments:
5
status_id:
5
tracker_id:
3
plus1:
0
affected_version:
closed_on:
affected_version_id:
ステータス-->[Closed]

説明

I propose to make the style for code tag more distinguishable.

Currently, the font-family property is the only property which is set for code tag. So, it is a bit difficult to distinguish text enclosed in code tag.

It will be easily distinguishable if we set background color for them. It is so common. You can see examples on many sites such as GitHub and https://bugs.ruby-lang.org/.

[Before]
!{width: 674px; border: 1px solid #ccc;}.code-style-before@2x.png!

[After]
!{width: 674px; border: 1px solid #ccc;}.code-style-after@2x.png!


journals

Setting the target version to 4.1.0.
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------
Update the patch.

* Changed the color to @rgba(62, 91, 118, 0.08)@. The previous color @rgba(0, 102, 187, 0.05)@ looks like selected text in some operating system
* Fixed wrong selector
* Fixed that the style is not applied in long text custom fields

--------------------------------------------------------------------------------
Committed the patch.
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------


related_issues

relates,Closed,12036,Allow backtip for inline code with inline block style

Admin Redmine さんが3年以上前に更新

  • カテゴリUI_10 にセット
  • 対象バージョン4.1.0_127 にセット

他の形式にエクスポート: Atom PDF

いいね!0
いいね!0