mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2025-02-15 16:23: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;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
#R-body .copy-to-clipboard-code {
|
||||||
|
padding-inline-end: 2px;
|
||||||
|
}
|
||||||
#R-body .copy-to-clipboard-button {
|
#R-body .copy-to-clipboard-button {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -943,12 +943,11 @@ code {
|
||||||
color-adjust: economy;
|
color-adjust: economy;
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
white-space: nowrap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
span.copy-to-clipboard {
|
span.copy-to-clipboard {
|
||||||
display: inline-block;
|
display: inline;
|
||||||
white-space: nowrap;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
code.copy-to-clipboard-code {
|
code.copy-to-clipboard-code {
|
||||||
|
@ -956,6 +955,9 @@ code.copy-to-clipboard-code {
|
||||||
border-start-end-radius: 0;
|
border-start-end-radius: 0;
|
||||||
border-inline-end-width: 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) {
|
pre:not(.mermaid) {
|
||||||
background-color: var(--INTERNAL-CODE-BLOCK-BG-color);
|
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-end-start-radius: 0;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
|
bottom: calc(var(--bpx1) * -1px);
|
||||||
color: var(--INTERNAL-CODE-INLINE-color);
|
color: var(--INTERNAL-CODE-INLINE-color);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
display: inline;
|
||||||
|
font: initial;
|
||||||
font-size: 0.934375rem;
|
font-size: 0.934375rem;
|
||||||
line-height: 1.15;
|
inset-inline-end: 0;
|
||||||
|
margin-inline-start: -22px;
|
||||||
|
position: absolute;
|
||||||
}
|
}
|
||||||
.copy-to-clipboard-button:hover {
|
.copy-to-clipboard-button:hover {
|
||||||
background-color: var(--INTERNAL-CODE-INLINE-color);
|
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);
|
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;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disableInlineCopyToClipboard span > code.copy-to-clipboard-code {
|
body.disableInlineCopyToClipboard span > code.copy-to-clipboard-code {
|
||||||
border-start-end-radius: 2px;
|
border-start-end-radius: 2px;
|
||||||
border-end-end-radius: 2px;
|
border-end-end-radius: 2px;
|
||||||
border-inline-end-width: 1px;
|
border-inline-end-width: 1px;
|
||||||
|
|
|
@ -1 +1 @@
|
||||||
7.3.2+fd301a9776bb6f811643697ab6ea6125f12058c6
|
7.3.2+542aafde241ba67ff5310c922972a6e633b49b13
|
Loading…
Add table
Reference in a new issue