From dffe6e1ed0dfd9b297cb438839bd1af816021f18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Weber?= <mail@soeren-weber.de>
Date: Fri, 14 Feb 2025 15:21:47 +0100
Subject: [PATCH] code: wrap inline code if necessary #1022

---
 assets/css/format-print.css  |  3 +++
 assets/css/theme.css         | 19 +++++++++++++------
 layouts/partials/version.txt |  2 +-
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/assets/css/format-print.css b/assets/css/format-print.css
index 0eb4641dc6..a3e1f0ed6a 100644
--- a/assets/css/format-print.css
+++ b/assets/css/format-print.css
@@ -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;
 }
diff --git a/assets/css/theme.css b/assets/css/theme.css
index b551bb8b40..a974b6a35a 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -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;
diff --git a/layouts/partials/version.txt b/layouts/partials/version.txt
index 8ff6eb4ea5..8b6ffa94db 100644
--- a/layouts/partials/version.txt
+++ b/layouts/partials/version.txt
@@ -1 +1 @@
-7.3.2+fd301a9776bb6f811643697ab6ea6125f12058c6
\ No newline at end of file
+7.3.2+542aafde241ba67ff5310c922972a6e633b49b13
\ No newline at end of file