Constrain device dropdown width

2026-06-10 20:42:50 +02:00
parent 60fee1f5f5
commit abf23213cd
1 changed files with 8 additions and 1 deletions
@@ -507,12 +507,15 @@ button[aria-pressed="false"] {

 .device-row {
  display: grid;
-  grid-template-columns: 36px minmax(150px, 240px);
+  grid-template-columns: 36px minmax(0, 180px);
  grid-template-rows: 14px 36px;
  align-items: end;
  column-gap: 8px;
  row-gap: 5px;
+  width: 224px;
  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
 }

 .symbol-button {
@@ -529,6 +532,9 @@ button[aria-pressed="false"] {
 }

 .device-row select {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
  height: 36px;
  font-size: 13px;
 }
@@ -624,6 +630,7 @@ button[aria-pressed="false"] {

  .device-row {
    grid-template-columns: 40px minmax(0, 1fr);
+    width: 100%;
  }

  .device-row select {