Share Widget. Reduce button size. Share URL no longer selectable.

igvteam · Jul 13, 2024 · 330b2a2 · 330b2a2
1 parent fe9f249
commit 330b2a2
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git a/css/_share-modal.scss b/css/_share-modal.scss
@@ -28,6 +28,10 @@ button#igv-share-url-button {
   }
 }
 
+input#igv-app-share-input {
+  pointer-events: none;
+}
+
 #igv-app-qrcode-image {
   padding: 16px;
   display:none;

diff --git a/css/app.css b/css/app.css
diff --git a/css/app.css.map b/css/app.css.map
diff --git a/index.html b/index.html
@@ -470,10 +470,10 @@
                             <!-- Copy URL -->
                             <div class="row">
                                 <div class="col">
-                                    <div class="input-group">
+                                    <div class="input-group input-group-sm">
                                         <input id="igv-app-share-input" type="text" class="form-control" placeholder="">
                                         <div class="input-group-append">
-                                            <button id="igv-app-copy-link-button" class="btn btn-outline-secondary" type="button">Copy Session URL</button>
+                                            <button id="igv-app-copy-link-button" class="btn btn-sm btn-outline-secondary" type="button">Copy Session URL</button>
                                         </div>
                                     </div>
                                 </div>
@@ -483,8 +483,8 @@
                             <div class="row pt-4">
                                 <div class="col">
                                     <div class="btn-group custom-btn-group" role="group">
-                                        <button id="igv-app-embed-button"       type="button" class="btn btn-outline-secondary">Embeddable iframe</button>
-                                        <button id="igv-app-copy-iframe-button" type="button" class="btn btn-outline-secondary">Copy iframe</button>
+                                        <button id="igv-app-embed-button"       type="button" class="btn btn-sm btn-outline-secondary">Embeddable iframe</button>
+                                        <button id="igv-app-copy-iframe-button" type="button" class="btn btn-sm btn-outline-secondary">Copy iframe</button>
                                     </div>
                                 </div>
                             </div>
@@ -499,7 +499,7 @@
                             <!-- QR Code Button -->
                             <div id="igv-app-qrcode-container"  class="row pt-4">
                                 <div class="col">
-                                    <button id="igv-app-qrcode-button" type="button" class="btn btn-outline-secondary">Create QR Code</button>
+                                    <button id="igv-app-qrcode-button" type="button" class="btn btn-sm btn-outline-secondary">Create QR Code</button>
                                 </div>
                             </div>