disable instead of hiding

client/src/components/Sharing/EditableUrl.vue

@@ -84,9 +84,9 @@ function onCopyOut() {
         </BButton>
 
         <BButton
-            v-if="!editing"
             id="tooltip-clipboard"
             v-b-tooltip.hover
+            :disabled="editing"
             size="md"
             class="inline-icon-button"
             :title="clipboardTitle"
@@ -99,10 +99,16 @@ function onCopyOut() {
 </template>
 
 <style scoped lang="scss">
+@import "theme/blue.scss";
+
 .editable-url {
     height: 1.5rem;
     display: flex;
     align-items: center;
     gap: 0.25rem;
 }
+.inline-icon-button:disabled:hover {
+    background-color: $brand-secondary;
+    color: unset;
+}
 </style>