Fix for copy-paste on mac, width of url attribute in http panel

multiprocessio · Jul 1, 2021 · d80aa88 · d80aa88
1 parent 298b34c
commit d80aa88
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 3 deletions.
diff --git a/desktop/app.ts b/desktop/app.ts
@@ -52,6 +52,30 @@ const menuTemplate = (win: BrowserWindow) => [
       },
     ],
   },
+  ...(process.platform === 'darwin'
+    ? [
+        {
+          label: 'Edit',
+          submenu: [
+            { label: 'Undo', accelerator: 'CmdOrCtrl+Z', selector: 'undo:' },
+            {
+              label: 'Redo',
+              accelerator: 'Shift+CmdOrCtrl+Z',
+              selector: 'redo:',
+            },
+            { type: 'separator' },
+            { label: 'Cut', accelerator: 'CmdOrCtrl+X', selector: 'cut:' },
+            { label: 'Copy', accelerator: 'CmdOrCtrl+C', selector: 'copy:' },
+            { label: 'Paste', accelerator: 'CmdOrCtrl+V', selector: 'paste:' },
+            {
+              label: 'Select All',
+              accelerator: 'CmdOrCtrl+A',
+              selector: 'selectAll:',
+            },
+          ],
+        },
+      ]
+    : []),
   ...(DEBUG
     ? [
         {

diff --git a/ui/HTTPPanel.tsx b/ui/HTTPPanel.tsx
@@ -64,6 +64,8 @@ export function HTTPPanelDetails({
             panel.http.http.url = value;
             updatePanel(panel);
           }}
+          type="url"
+          autoWidth={true}
         />
       </div>
       <div className="form-row">

diff --git a/ui/Panel.tsx b/ui/Panel.tsx
@@ -465,8 +465,7 @@ export function Panel({
                 {panel.type === 'http' && (
                   <div className="alert alert-info">
                     Use the textarea to supply a HTTP request body. This will be
-                    ignored for <code>GET</code> and
-                    <code>HEAD</code> requests.
+                    ignored for <code>GET</code> and <code>HEAD</code> requests.
                   </div>
                 )}
               </div>

diff --git a/ui/component-library/Input.tsx b/ui/component-library/Input.tsx
@@ -11,8 +11,9 @@ export function Input({
   label,
   disabled,
   readOnly,
+  autoWidth,
 }: {
-  type?: 'text' | 'number' | 'email' | 'password';
+  type?: 'text' | 'number' | 'email' | 'password' | 'url';
   placeholder?: string;
   className?: string;
   onChange: (value: string) => void;
@@ -22,6 +23,7 @@ export function Input({
   label?: string;
   disabled?: boolean;
   readOnly?: boolean;
+  autoWidth?: boolean;
 }) {
   let inputClass = `input ${className ? ' ' + className : ''}`;
 
@@ -38,6 +40,7 @@ export function Input({
       min={min}
       max={max}
       placeholder={placeholder}
+      size={autoWidth ? Math.min(100, value.length) : undefined}
     />
   );
 

diff --git a/ui/style.css b/ui/style.css
@@ -294,6 +294,13 @@ header > div {
   margin-top: 15px;
 }
 
+.panel-details label.select select,
+.panel-details select.select,
+.panel-details label.input input,
+.panel-details input.input {
+  max-width: 100%;
+}
+
 .panel-body-container {
   overflow: auto;
   resize: vertical;