markdownr 0.5.16 → 0.5.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9701699dcaa5bb10ddddcff543dace0bc75184e86529ac048efbb0337e61b63c
-  data.tar.gz: 5156b2929f5c6195007c2755d387c6df17f0b33e8ca162045bad9f0618bec62a
+  metadata.gz: 9044a1bee7c704aad77abde049a1e46063496e5e42c3a5f09ec5184bff42bb10
+  data.tar.gz: bd1168ac32f70f7df78b6a6bc047cdb1a7331dc9813ffc38636ff080116d6c52
 SHA512:
-  metadata.gz: d77b2e509c1516c496f05f134f342d083d5e6c007d24796dfe370f8f0884aca81f62885e02b111f222e630e28d644674a6839225c711219d3dee702c4dd93faf
-  data.tar.gz: e7dd49dc45652b516b688e4066c0577cfb4ed39f5e7bb314de40366d85680e82403a74d6bf244ce75ce6228f157c7c47a960667c2de0c46fed6696fd83b64e86
+  metadata.gz: eaca881e0e2e9fa996381cb944fb9ade2c26dcb09dff96d1d595dfbc79d1150b7024f138086e2b58e255ae79d12d1580ed68298480a9cf209adca8cc77cae80c
+  data.tar.gz: 93a40be77ea08b3aa335b8c84e6c4741a962a6851c29abd851a99c5698f504fb9bca5d9a1e179a0d859797d08db56c92691f8cec2ea9a293c082a87f80bce8b8

data/lib/markdown_server/version.rb

@@ -1,3 +1,3 @@
 module MarkdownServer
-  VERSION = "0.5.16"
+  VERSION = "0.5.17"
 end

data/views/layout.erb

@@ -756,16 +756,16 @@
       width: 460px;
       max-width: calc(100vw - 16px);
       max-height: 60vh;
-      overflow-y: auto;
       background: #faf8f4;
       border: 1px solid #d4b96a;
       border-radius: 6px;
       box-shadow: 0 4px 20px rgba(0,0,0,0.22);
-      -webkit-overflow-scrolling: touch;
       cursor: auto;
-      resize: both;
       min-width: 280px;
       min-height: 80px;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
     }
     .link-ctx-popup-header {
       display: flex;
@@ -774,10 +774,8 @@
       gap: 0.5rem;
       padding: 0.5rem 0.9rem;
       border-bottom: 1px solid #e0d8c8;
-      position: sticky;
-      top: 0;
       background: #faf8f4;
-      z-index: 1;
+      flex-shrink: 0;
       cursor: grab;
     }
     .link-ctx-popup-header.is-dragging {
@@ -854,6 +852,22 @@
     }
     .link-ctx-popup-body {
       padding: 0.75rem 1rem;
+      flex: 1;
+      min-height: 0;
+      overflow-y: auto;
+      -webkit-overflow-scrolling: touch;
+    }
+    .link-ctx-popup-resize {
+      position: absolute;
+      bottom: 0;
+      right: 0;
+      width: 20px;
+      height: 20px;
+      cursor: nwse-resize;
+      touch-action: none;
+      border-bottom-right-radius: 5px;
+      background: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(0,0,0,0.18) 2px, rgba(0,0,0,0.18) 3px);
+      z-index: 2;
     }
     .link-ctx-popup-url {
       font-family: "SF Mono", Menlo, Consolas, monospace;
@@ -1672,7 +1686,8 @@
             '<button class="link-ctx-popup-pin" aria-label="Pin" title="Pin popup">' + pinIcon + '</button>' +
             '<button class="link-ctx-popup-close" aria-label="Close">\u00d7</button>' +
           '</div>' +
-          '<div class="link-ctx-popup-body">' + bodyHtml + '</div>';
+          '<div class="link-ctx-popup-body">' + bodyHtml + '</div>' +
+          '<div class="link-ctx-popup-resize" aria-hidden="true"></div>';
         document.body.appendChild(popup);
 
         clearTimeout(mouseLeaveTimer);
@@ -1687,13 +1702,7 @@
 
         repositionPopup();
         makeDraggable(popup);
-        // Lock explicit dimensions on first interaction so resize can grow past max-height
-        thisPopup.addEventListener('mousedown', function lockSize() {
-          thisPopup.style.width = thisPopup.offsetWidth + 'px';
-          thisPopup.style.height = thisPopup.offsetHeight + 'px';
-          thisPopup.style.maxHeight = 'none';
-          thisPopup.removeEventListener('mousedown', lockSize);
-        }, true);
+        makeResizable(popup);
         runMermaidIn(popup);
 
         var backBtnEl = popup.querySelector('.link-ctx-popup-back');
@@ -1851,27 +1860,95 @@
         var header = el.querySelector('.link-ctx-popup-header');
         if (!header) return;
         var startX, startY, startLeft, startTop;
-        header.addEventListener('mousedown', function(e) {
-          if (e.target.closest('button') || e.target.closest('a')) return;
-          e.preventDefault();
-          startX = e.clientX;
-          startY = e.clientY;
-          startLeft = el.offsetLeft;
-          startTop = el.offsetTop;
+
+        function onDragStart(clientX, clientY) {
+          startX = clientX; startY = clientY;
+          startLeft = el.offsetLeft; startTop = el.offsetTop;
+          el.style.width = el.offsetWidth + 'px';
+          el.style.height = el.offsetHeight + 'px';
+          el.style.maxHeight = 'none';
           popupDragging = true;
           header.classList.add('is-dragging');
-          document.addEventListener('mousemove', onMove);
-          document.addEventListener('mouseup', onUp);
-        });
-        function onMove(e) {
-          el.style.left = (startLeft + e.clientX - startX) + 'px';
-          el.style.top = (startTop + e.clientY - startY) + 'px';
         }
-        function onUp() {
+        function onDragMove(clientX, clientY) {
+          el.style.left = (startLeft + clientX - startX) + 'px';
+          el.style.top  = (startTop  + clientY - startY) + 'px';
+        }
+        function onDragEnd() {
           popupDragging = false;
           header.classList.remove('is-dragging');
-          document.removeEventListener('mousemove', onMove);
-          document.removeEventListener('mouseup', onUp);
+        }
+
+        header.addEventListener('mousedown', function(e) {
+          if (e.target.closest('button') || e.target.closest('a')) return;
+          e.preventDefault();
+          onDragStart(e.clientX, e.clientY);
+          document.addEventListener('mousemove', onMouseMove);
+          document.addEventListener('mouseup', onMouseUp);
+        });
+        function onMouseMove(e) { onDragMove(e.clientX, e.clientY); }
+        function onMouseUp() {
+          onDragEnd();
+          document.removeEventListener('mousemove', onMouseMove);
+          document.removeEventListener('mouseup', onMouseUp);
+        }
+
+        header.addEventListener('touchstart', function(e) {
+          if (e.target.closest('button') || e.target.closest('a')) return;
+          e.preventDefault();
+          var t = e.touches[0];
+          onDragStart(t.clientX, t.clientY);
+          document.addEventListener('touchmove', onTouchMove, { passive: false });
+          document.addEventListener('touchend', onTouchEnd);
+        }, { passive: false });
+        function onTouchMove(e) { e.preventDefault(); var t = e.touches[0]; onDragMove(t.clientX, t.clientY); }
+        function onTouchEnd() {
+          onDragEnd();
+          document.removeEventListener('touchmove', onTouchMove);
+          document.removeEventListener('touchend', onTouchEnd);
+        }
+      }
+
+      function makeResizable(el) {
+        var handle = el.querySelector('.link-ctx-popup-resize');
+        if (!handle) return;
+        var startX, startY, startW, startH;
+
+        function onResizeStart(clientX, clientY) {
+          startX = clientX; startY = clientY;
+          startW = el.offsetWidth; startH = el.offsetHeight;
+          el.style.width = startW + 'px';
+          el.style.height = startH + 'px';
+          el.style.maxHeight = 'none';
+        }
+        function onResizeMove(clientX, clientY) {
+          el.style.width  = Math.max(280, startW + clientX - startX) + 'px';
+          el.style.height = Math.max(80,  startH + clientY - startY) + 'px';
+        }
+
+        handle.addEventListener('mousedown', function(e) {
+          e.preventDefault(); e.stopPropagation();
+          onResizeStart(e.clientX, e.clientY);
+          document.addEventListener('mousemove', onMouseMove);
+          document.addEventListener('mouseup', onMouseUp);
+        });
+        function onMouseMove(e) { onResizeMove(e.clientX, e.clientY); }
+        function onMouseUp() {
+          document.removeEventListener('mousemove', onMouseMove);
+          document.removeEventListener('mouseup', onMouseUp);
+        }
+
+        handle.addEventListener('touchstart', function(e) {
+          e.preventDefault(); e.stopPropagation();
+          var t = e.touches[0];
+          onResizeStart(t.clientX, t.clientY);
+          document.addEventListener('touchmove', onTouchMove, { passive: false });
+          document.addEventListener('touchend', onTouchEnd);
+        }, { passive: false });
+        function onTouchMove(e) { e.preventDefault(); onResizeMove(e.touches[0].clientX, e.touches[0].clientY); }
+        function onTouchEnd() {
+          document.removeEventListener('touchmove', onTouchMove);
+          document.removeEventListener('touchend', onTouchEnd);
         }
       }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: markdownr
 version: !ruby/object:Gem::Version
-  version: 0.5.16
+  version: 0.5.17
 platform: ruby
 authors:
 - Brian Dunn