Implement correct scroll bar behaviour for param history

Author: sxprz

src/ui/panel/Panel.re

@@ -40,18 +40,20 @@ let make = (~state, ~dispatch) => {
 
   let locations = (state.goblint)#dead_locations;
 
+  let panel = switch (current) {
+    | Some(Warnings) => <WarningView warnings={state.warnings} dispatch />
+    | Some(DeadCode) => <DeadCodeView locations dispatch />
+    | Some(Parameters) => <ParameterView parameters />
+    | Some(Statistics) => <GvStatisticsView stats={state.stats} />
+    | _ => React.null
+  };
+
   let current = state.selected_panel;
   <div className="panel d-flex flex-column border-right border-left h-25">
     {make_nav_pills(current, dispatch)}
     <div className="tab-content overflow-auto">
       <div className="tab-pane active">
-        {switch (current) {
-         | Some(Warnings) => <WarningView warnings={state.warnings} dispatch />
-         | Some(DeadCode) => <DeadCodeView locations dispatch />
-         | Some(Parameters) => <ParameterView parameters />
-         | Some(Statistics) => <GvStatisticsView stats={state.stats} />
-         | _ => React.null
-         }}
+        {panel}
       </div>
     </div>
   </div>;

src/ui/panel/ParameterView.re

@@ -43,8 +43,6 @@ let make = (~parameters) => {
     };
 
     <div>
-        //<div className="d-flex justify-content-between">
-        //</div>
         <div className="input-group">
             <Button on_click={on_submit}>
                 <IconPlay fill="bi bi-play-fill" />
@@ -55,11 +53,11 @@ let make = (~parameters) => {
             </Button>
             <Input value on_change on_submit />
         </div>
-        <div className="container-fluid text-center" style={ReactDOM.Style.make(~height="120px", ())}>
+        <div className="container-fluid text-center">
             <div className="row align-items-center">
                 {"History" |> React.string}
             </div>
-            <div className="row">
+            <div className="row" style={ReactDOM.Style.make(~height="120px", ~maxHeight="100%", ~overflow="auto", ())}>
                 <ol key={"params_list"} className="list-group">
                     {list_elements |> Array.to_list |> React.list}
                 </ol>