Project

General

Profile

Actions
Copy link

Patch #42625

closed

Adjust padding of the copy-to-clipboard button in pre tag

Added by Mizuki ISHIKAWA 23 days ago. Updated 21 days ago.

Status:
Closed
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:

Description

The copy-to-clipboard button displayed inside pre tags has unbalanced vertical spacing, so I'd like to adjust it.

Changes
Before: padding: 2px; After: padding: 0px 3px 3px 3px; 

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index d6288ad4f..259fd0a64 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1570,7 +1570,7 @@ div.pre-wrapper a.copy-pre-content-link {
   border-radius: 3px;
   background: #fff;
   border: 1px solid #ccc;
-  padding: 2px;
+  padding: 0px 3px 3px 3px;
 }

 div.pre-wrapper:hover a.copy-pre-content-link {

Files

Download all files
screenshot 2025-04-25 14.09.03.png (4.97 KB) screenshot 2025-04-25 14.09.03.png Mizuki ISHIKAWA, 2025-04-25 07:14
screenshot 2025-04-25 14.08.54.png (4.86 KB) screenshot 2025-04-25 14.08.54.png Mizuki ISHIKAWA, 2025-04-25 07:14

Related issues

Related to Redmine - Feature #29214: Button to copy `pre` code block content to the clipboardClosedGo MAEDA

Actions
Actions
Copy link
 #1

Updated by Go MAEDA 21 days ago

  • Related to Feature #29214: Button to copy `pre` code block content to the clipboard added
Actions
Copy link
 #2

Updated by Go MAEDA 21 days ago

  • Status changed from New to Closed

Committed the patch in r23719 as a part of #29214. Thank you.

Actions
Copy link

Also available in: Atom PDF