mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2025-02-15 00:03:32 +00:00
code: wrap inline code if necessary #1022
This commit is contained in:
parent
542aafde24
commit
dffe6e1ed0
3 changed files with 17 additions and 7 deletions
|
@ -43,6 +43,9 @@ pre:not(.mermaid) {
|
|||
visibility: visible;
|
||||
}
|
||||
}
|
||||
#R-body .copy-to-clipboard-code {
|
||||
padding-inline-end: 2px;
|
||||
}
|
||||
#R-body .copy-to-clipboard-button {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
@ -943,12 +943,11 @@ code {
|
|||
color-adjust: economy;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
span.copy-to-clipboard {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
display: inline;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
code.copy-to-clipboard-code {
|
||||
|
@ -956,6 +955,9 @@ code.copy-to-clipboard-code {
|
|||
border-start-end-radius: 0;
|
||||
border-inline-end-width: 0;
|
||||
}
|
||||
body:not(.disableInlineCopyToClipboard) code.copy-to-clipboard-code:has(+ .copy-to-clipboard-button) {
|
||||
padding-inline-end: 24px;
|
||||
}
|
||||
|
||||
pre:not(.mermaid) {
|
||||
background-color: var(--INTERNAL-CODE-BLOCK-BG-color);
|
||||
|
@ -1437,10 +1439,15 @@ html[dir='rtl'] .topbar-button-next i {
|
|||
border-end-start-radius: 0;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
bottom: calc(var(--bpx1) * -1px);
|
||||
color: var(--INTERNAL-CODE-INLINE-color);
|
||||
cursor: pointer;
|
||||
display: inline;
|
||||
font: initial;
|
||||
font-size: 0.934375rem;
|
||||
line-height: 1.15;
|
||||
inset-inline-end: 0;
|
||||
margin-inline-start: -22px;
|
||||
position: absolute;
|
||||
}
|
||||
.copy-to-clipboard-button:hover {
|
||||
background-color: var(--INTERNAL-CODE-INLINE-color);
|
||||
|
@ -1509,11 +1516,11 @@ pre:not(.mermaid) .copy-to-clipboard-button:hover {
|
|||
color: var(--INTERNAL-CODE-BLOCK-BG-color);
|
||||
}
|
||||
|
||||
.disableInlineCopyToClipboard span > code.copy-to-clipboard-code + .copy-to-clipboard-button {
|
||||
body.disableInlineCopyToClipboard span > code.copy-to-clipboard-code + .copy-to-clipboard-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.disableInlineCopyToClipboard span > code.copy-to-clipboard-code {
|
||||
body.disableInlineCopyToClipboard span > code.copy-to-clipboard-code {
|
||||
border-start-end-radius: 2px;
|
||||
border-end-end-radius: 2px;
|
||||
border-inline-end-width: 1px;
|
||||
|
|
|
@ -1 +1 @@
|
|||
7.3.2+fd301a9776bb6f811643697ab6ea6125f12058c6
|
||||
7.3.2+542aafde241ba67ff5310c922972a6e633b49b13
|
Loading…
Add table
Reference in a new issue