Fix Bug view options menu (#6697)

#### Description

This PR fixes bug described here : #4448 

I set a max-height property and a scroll in case of overflow on the
y-axis.

#### Checklist

 - [x] I have updated tests where applicable.
 - [x] I have added an entry to the CHANGELOG.

---------

Co-authored-by: Maximilian Hils <git@maximilianhils.com>

CHANGELOG.md

@@ -23,6 +23,8 @@
   ([#6692](https://github.com/mitmproxy/mitmproxy/pull/6692), @errorxyz)
 * Allow runtime modifications of HTTP flow filters for server replays
   ([#6695](https://github.com/mitmproxy/mitmproxy/pull/6695), @errorxyz)
+* Fix bug view options menu in case of overflow
+  ([#6697](https://github.com/mitmproxy/mitmproxy/pull/6697), @lups2000)
 * Allow --allow-hosts and --ignore-hosts to work together
   ([#6711](https://github.com/mitmproxy/mitmproxy/pull/6711), @dstd)
 

web/src/css/dropdown.less

@@ -5,4 +5,7 @@
     > li > a {
         padding: 3px 10px;
     }
+
+    max-height: 250px;
+    overflow-y: scroll;
 }

web/src/js/components/contentviews/ViewSelector.tsx

@@ -23,7 +23,7 @@ export default function ViewSelector({ value, onChange }: ViewSelectorProps) {
         <Dropdown
             text={inner}
             className="btn btn-default btn-xs"
-            options={{ placement: "top-start" }}
+            options={{ placement: "top-end" }}
         >
             {contentViews.map((name) => (
                 <MenuItem key={name} onClick={() => onChange(name)}>