Merge branch 'master' into keyboard-trap

css/bootstrap/privatebin.css

@@ -138,3 +138,31 @@ html[dir="rtl"] #language {
 html[dir="rtl"] #deletelink, html[dir="rtl"] #qrcodemodalClose {
 	float: left;
 }
+
+#prettyprint {
+	padding-right: 30px;
+}
+
+#prettyMessageCopyBtn {
+	position: absolute;
+	top: 8px;
+	right: 25px;
+	left: auto;
+	padding: 0;
+	background: none;
+	border: none;
+	z-index: 1;
+}
+
+html[dir="rtl"] #prettyMessageCopyBtn {
+	left: 25px;
+	right: auto;
+}
+
+#copySuccessIcon {
+	display: none;
+}
+
+#copyShortcutHint {
+	margin-bottom: 5px;
+}

css/bootstrap5/privatebin.css

@@ -14,6 +14,15 @@
 	display: none !important;
 }
 
+.opacity-05-1-hover {
+	opacity: 0.5;
+	transition: all 0.15s ease;
+}
+
+.opacity-05-1-hover:hover {
+	opacity: 1;
+}
+
 .dropdown-menu {
 	--bs-dropdown-min-width: 23rem;
 }
@@ -43,3 +52,35 @@ li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {
 html[dir="rtl"] #deletelink, html[dir="rtl"] #qrcodemodalClose {
 	float: left;
 }
+
+#prettyprint {
+	padding-right: 30px;
+}
+
+#prettyMessageCopyBtn {
+	position: absolute;
+	top: 8px;
+	right: 8px;
+	left: auto;
+	width: 20px;
+	height: 20px;
+	padding: 0;
+	background: none;
+	border: none;
+	z-index: 1;
+}
+
+html[dir="rtl"] #prettyMessageCopyBtn {
+	left: 8px;
+	right: auto;
+}
+
+#prettyMessageCopyBtn svg {
+	width: 100%;
+	height: 100%;
+	vertical-align: baseline;
+}
+
+#copySuccessIcon {
+	display: none;
+}

css/privatebin.css

@@ -86,6 +86,7 @@ h3.title {
 #aboutbox a { color: #94a3b4; }
 
 #message, #cleartext, #prettymessage, #attachment, .replymessage {
+	position: relative;
 	clear: both;
 	color: #000;
 	background-color: #fff;