Changeset 3419634
- Timestamp:
- 12/15/2025 02:14:37 AM (4 months ago)
- Location:
- stick-copy-button-codeblock
- Files:
-
- 2 edited
-
tags/1.4.0/readme.txt (modified) (8 diffs)
-
trunk/readme.txt (modified) (8 diffs)
Legend:
- Unmodified
- Added
- Removed
-
stick-copy-button-codeblock/tags/1.4.0/readme.txt
r3414250 r3419634 15 15 == Description == 16 16 17 **Sticky Copy Button for Code Blocks** automatically adds a floating copy button to each `<pre><code>` block on your website. 17 **Sticky Copy Button for Code Blocks** automatically adds a floating copy button to each `<pre><code>` block on your website. 18 18 It provides convenient front-end copying for developers, readers, and tutorial users. 19 19 … … 56 56 ### 1. **Button Position** 57 57 **Adjust vertical position (top offset in px)** 58 Moves the button up or down relative to the top of the code block. 58 Moves the button up or down relative to the top of the code block. 59 59 Use positive or negative values to fine-tune vertical alignment. 60 60 61 61 **Adjust horizontal position (right offset in px)** 62 Moves the button left or right by adjusting how far it sits from the right edge of the code block. 62 Moves the button left or right by adjusting how far it sits from the right edge of the code block. 63 63 Use positive or negative values to fine-tune horizontal alignment. 64 64 … … 72 72 The label shown normally (default: “Copy”). 73 73 74 **Label after copying (2 seconds)** 75 Once the text is copied, the button temporarily displays this label. 74 **Label after copying (2 seconds)** 75 Once the text is copied, the button temporarily displays this label. 76 76 Default: “Copied”. 77 77 … … 80 80 ### 3. **Button Size** 81 81 82 **Button size (8–36 px)** 83 Controls the font size of the button. 82 **Button size (8–36 px)** 83 Controls the font size of the button. 84 84 Padding is automatically adjusted based on this value. 85 85 … … 88 88 ### 4. **Button Colors** 89 89 90 **Button text color** 90 **Button text color** 91 91 Hex color of button text. 92 92 93 **Button background color** 94 Hex background color. 93 **Button background color** 94 Hex background color. 95 95 When copying, the plugin automatically swaps the text and background colors for visual feedback. 96 96 However, if the background is transparent, only the text color is swapped. 97 97 98 **Always transparent background** 98 **Always transparent background** 99 99 If enabled: 100 100 - The button background always becomes transparent. … … 105 105 ### 5. **Code Block Max Height** 106 106 107 **Code block max height (px)** 108 Sets a maximum height (minimum: 100px). 107 **Code block max height (px)** 108 Sets a maximum height (minimum: 100px). 109 109 Content taller than this becomes scrollable. 110 110 111 **Enable** 111 **Enable** 112 112 Must be checked for the value to apply. 113 113 … … 118 118 ### 6. **Display Line Numbers** 119 119 120 **Display Line Numbers (Enable)** 121 Shows simple line numbers next to each line. 120 **Display Line Numbers (Enable)** 121 Shows simple line numbers next to each line. 122 122 Notes: 123 123 - Line height is unified for consistency. … … 133 133 You can add any custom CSS to adjust: 134 134 135 - Button design 136 - Wrapper layout 137 - Code spacing 138 - Line number appearance 135 - Button design 136 - Wrapper layout 137 - Code spacing 138 - Line number appearance 139 139 140 140 Usable Selectors (CSS) : -
stick-copy-button-codeblock/trunk/readme.txt
r3414250 r3419634 15 15 == Description == 16 16 17 **Sticky Copy Button for Code Blocks** automatically adds a floating copy button to each `<pre><code>` block on your website. 17 **Sticky Copy Button for Code Blocks** automatically adds a floating copy button to each `<pre><code>` block on your website. 18 18 It provides convenient front-end copying for developers, readers, and tutorial users. 19 19 … … 56 56 ### 1. **Button Position** 57 57 **Adjust vertical position (top offset in px)** 58 Moves the button up or down relative to the top of the code block. 58 Moves the button up or down relative to the top of the code block. 59 59 Use positive or negative values to fine-tune vertical alignment. 60 60 61 61 **Adjust horizontal position (right offset in px)** 62 Moves the button left or right by adjusting how far it sits from the right edge of the code block. 62 Moves the button left or right by adjusting how far it sits from the right edge of the code block. 63 63 Use positive or negative values to fine-tune horizontal alignment. 64 64 … … 72 72 The label shown normally (default: “Copy”). 73 73 74 **Label after copying (2 seconds)** 75 Once the text is copied, the button temporarily displays this label. 74 **Label after copying (2 seconds)** 75 Once the text is copied, the button temporarily displays this label. 76 76 Default: “Copied”. 77 77 … … 80 80 ### 3. **Button Size** 81 81 82 **Button size (8–36 px)** 83 Controls the font size of the button. 82 **Button size (8–36 px)** 83 Controls the font size of the button. 84 84 Padding is automatically adjusted based on this value. 85 85 … … 88 88 ### 4. **Button Colors** 89 89 90 **Button text color** 90 **Button text color** 91 91 Hex color of button text. 92 92 93 **Button background color** 94 Hex background color. 93 **Button background color** 94 Hex background color. 95 95 When copying, the plugin automatically swaps the text and background colors for visual feedback. 96 96 However, if the background is transparent, only the text color is swapped. 97 97 98 **Always transparent background** 98 **Always transparent background** 99 99 If enabled: 100 100 - The button background always becomes transparent. … … 105 105 ### 5. **Code Block Max Height** 106 106 107 **Code block max height (px)** 108 Sets a maximum height (minimum: 100px). 107 **Code block max height (px)** 108 Sets a maximum height (minimum: 100px). 109 109 Content taller than this becomes scrollable. 110 110 111 **Enable** 111 **Enable** 112 112 Must be checked for the value to apply. 113 113 … … 118 118 ### 6. **Display Line Numbers** 119 119 120 **Display Line Numbers (Enable)** 121 Shows simple line numbers next to each line. 120 **Display Line Numbers (Enable)** 121 Shows simple line numbers next to each line. 122 122 Notes: 123 123 - Line height is unified for consistency. … … 133 133 You can add any custom CSS to adjust: 134 134 135 - Button design 136 - Wrapper layout 137 - Code spacing 138 - Line number appearance 135 - Button design 136 - Wrapper layout 137 - Code spacing 138 - Line number appearance 139 139 140 140 Usable Selectors (CSS) :
Note: See TracChangeset
for help on using the changeset viewer.