Fix time menu click area (#4125)

OpenSlides · Nov 18, 2024 · 0c4ec2a · 0c4ec2a
1 parent 05b33aa
commit 0c4ec2a
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 8 deletions.
diff --git a/.../modules/list-of-speakers-content/components/speaking-times/speaking-times.component.scss b/.../modules/list-of-speakers-content/components/speaking-times/speaking-times.component.scss
@@ -1,23 +1,43 @@
+@import 'src/assets/styles/variables.scss';
+
 .structure-level-list {
-    display: flex;
-    flex-wrap: wrap;
+    $auto-sizing: auto-fill;
+    $column-min-width: 186px;
+
     justify-content: start;
     padding: 8px 25px 0 25px;
+    display: grid;
+    column-gap: 16px;
+    grid-template-columns: repeat($auto-sizing, minmax($column-min-width, max-content));
+
+    @media (max-width: 1383px) {
+        $auto-sizing: auto-fit;
+    }
+
+    @include phone {
+        $column-min-width: 159px;
+        padding: 0;
+        margin-right: -20px;
+        column-gap: 5px;
+    }
+
     .structure-level {
-        min-width: 33%;
         margin-bottom: 16px;
         display: flex;
         flex-direction: row;
         justify-content: end;
+        width: min(222px, 100%);
 
-        .structure-level-content {
-            width: 100%;
+        @include phone {
+            width: min(186px, 100%);
+        }
 
+        .structure-level-content {
             .structure-level-color {
                 height: 3px;
                 background-color: transparent;
-                margin-left: 10%;
-                width: calc(100% - margin-left);
+                margin-right: 0;
+                width: 111px;
                 border-width: 0;
                 border-radius: 7px;
             }
@@ -32,11 +52,11 @@
             .structure-level-name {
                 line-height: 1;
                 text-align: right;
+                word-break: break-word;
             }
         }
 
         .icon-less-space-to-left {
-            width: 25px;
             margin-top: 12px;
         }
     }

diff --git a/...src/app/site/pages/meetings/pages/autopilot/components/autopilot/autopilot.component.scss b/...src/app/site/pages/meetings/pages/autopilot/components/autopilot/autopilot.component.scss
@@ -36,4 +36,9 @@
             max-width: 1320px;
         }
     }
+    @media (min-width: 1050px) and (max-width: 1440px) {
+        .col-right {
+            max-width: 304px;
+        }
+    }
 }