Merge pull request #38 from REST-API-Client/fix/responseHeader

[2022/07/20] - Fix response headers menu style

Author: unwls

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.0.3
+
+#### Fix response header menu not displaying the whole header information
+
 ## 1.0.2
 
 #### README.md update

README.md

@@ -138,7 +138,7 @@ Simply click Open Menu button or open the Command Palette and type the command b
 
 ## 🗒 Changelog
 
-#### Current version 1.0.0
+#### Current version 1.0.3
 
 Visit [here](https://github.com/REST-API-Client/API-Client-VSCode-Extension/blob/main/CHANGELOG.md) for a detailed release notes
 

package.json

@@ -4,7 +4,7 @@
   "displayName": "REST API Client",
   "icon": "icons/images/icon.png",
   "description": "Simple and intuitive API Client made into a VSCode extension.",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/REST-API-Client/API-Client-VSCode-Extension/issues"

webview/features/Response/Menu/ResponseMenuOption.js

@@ -1,4 +1,5 @@
 import React from "react";
+import styled from "styled-components";
 import shallow from "zustand/shallow";
 
 import { COMMON, HEIGHT, OPTION, REQUEST } from "../../../constants";
@@ -27,7 +28,11 @@ const ResponseMenuOption = () => {
 
   switch (responseOption) {
     case COMMON.HEADERS:
-      return <KeyValueTable keyValueTableData={responseHeaders} readOnly />;
+      return (
+        <ResponseHeaderWrapper>
+          <KeyValueTable keyValueTableData={responseHeaders} readOnly />
+        </ResponseHeaderWrapper>
+      );
     default:
       return (
         <>
@@ -49,4 +54,9 @@ const ResponseMenuOption = () => {
   }
 };
 
+const ResponseHeaderWrapper = styled.div`
+  height: 60vh;
+  overflow-y: scroll;
+`;
+
 export default ResponseMenuOption;