Skip to content

Commit e8ef1aa

Browse files
authoredAug 23, 2023
feat(theme): allow overriding code copied text from css (#2833)
1 parent d98e2c5 commit e8ef1aa

File tree

2 files changed

+5
-3
lines changed

2 files changed

+5
-3
lines changed
 

‎src/client/theme-default/styles/components/vp-doc.css

+4-3
Original file line numberDiff line numberDiff line change
@@ -477,23 +477,24 @@
477477
position: relative;
478478
top: -1px;
479479
/*rtl:ignore*/
480-
left: -65px;
480+
transform: translateX(calc(-100% - 1px));
481481
display: flex;
482482
justify-content: center;
483483
align-items: center;
484484
border: 1px solid var(--vp-code-copy-code-hover-border-color);
485485
/*rtl:ignore*/
486486
border-right: 0;
487487
border-radius: 4px 0 0 4px;
488-
width: 64px;
488+
padding: 0 10px;
489+
width: fit-content;
489490
height: 40px;
490491
text-align: center;
491492
font-size: 12px;
492493
font-weight: 500;
493494
color: var(--vp-code-copy-code-active-text);
494495
background-color: var(--vp-code-copy-code-hover-bg);
495496
white-space: nowrap;
496-
content: 'Copied';
497+
content: var(--vp-code-copy-copied-text-content);
497498
}
498499

499500
.vp-doc [class*='language-'] > span.lang {

‎src/client/theme-default/styles/vars.css

+1
Original file line numberDiff line numberDiff line change
@@ -324,6 +324,7 @@
324324
--vp-code-copy-code-hover-border-color: var(--vp-c-divider);
325325
--vp-code-copy-code-hover-bg: var(--vp-c-bg);
326326
--vp-code-copy-code-active-text: var(--vp-c-text-2);
327+
--vp-code-copy-copied-text-content: 'Copied';
327328

328329
--vp-code-tab-divider: var(--vp-code-block-divider-color);
329330
--vp-code-tab-text-color: var(--vp-c-text-2);

0 commit comments

Comments
 (0)
Please sign in to comment.