nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-02-15 08:13:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

code: finally fix initial issue with non overflowing inline code #1022

Browse source
This commit is contained in:
Sören Weber 2025-02-14 23:40:12 +01:00
parent e9c1b8ebaa
commit 39e67e57ef
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
assets/css/theme.css
View file

@ -955,8 +955,13 @@ code.copy-to-clipboard-code {
border-start-end-radius: 0;
border-inline-end-width: 0;
}
/* #1022 FF has issues if we set span.copy-to-clipboard to display: block;
so this is not an option; and we have to flip the elements ourself in the
JS part of the code; this will fix FF for LTR but RTL is still broken;
so at least it looks fine for most of the user base */
.inline-copy-to-clipboard-button + code.copy-to-clipboard-code,
code.copy-to-clipboard-code:has(+ .inline-copy-to-clipboard-button) {
padding-inline-end: 24px;
margin-inline-end: calc(22px + var(--bpx1) * 2px);
}
pre:not(.mermaid) {
@ -1450,11 +1455,9 @@ html[dir='rtl'] .topbar-button-next i {
border-start-end-radius: 2px;
border-end-end-radius: 2px;
border-end-start-radius: 0;
bottom: calc(var(--bpx1) * -1px);
color: var(--INTERNAL-CODE-INLINE-color);
inset-inline-end: 0;
margin-inline-start: -22px;
position: absolute;
!inset-inline-end: 0;
margin-inline-start: calc(-1 * (22px + var(--bpx1) * 2px));
}
.inline-copy-to-clipboard-button:hover {
background-color: var(--INTERNAL-CODE-INLINE-color);

2
layouts/partials/version.txt
View file

@ -1 +1 @@
7.3.2+4714e0777098da36124958f4924dcda9b87cc4ad
7.3.2+e9c1b8ebaa0a234e2843f281738fbc7dafb23f61

7
static/js/theme.js
View file

@ -728,7 +728,12 @@ function initCodeClipboard() {
code.classList.add('highlight');
code.dataset.code = text;
if (button) {
code.parentNode.insertBefore(button, code.nextSibling);
// #1022 fix for FF; see CSS for explanation
if (isRtl) {
code.parentNode.insertBefore(button, code.parentNode.firstChild);
} else {
code.parentNode.insertBefore(button, code.nextSibling);
}
}
}
}