Problem/Motivation

Some secondary toolbar menus goes off-screen.

menu cutted

Proposed resolution

Open all secondary menu on the left.

I propose the following change to the toolbar_meta.scss:

diff --git a/styles/components/toolbar_meta.scss b/styles/components/toolbar_meta.scss
index f005d3f..81c0ad5 100644
--- a/styles/components/toolbar_meta.scss
+++ b/styles/components/toolbar_meta.scss
@@ -246,11 +246,12 @@

         .toolbar-tray {
           position: absolute;
-          left: 0;
+          left: auto;
+          right: 0;
           width: 170px;
           background-color: var(--colorGinLayer3Background);
           border-bottom: 0 none;
-          border-radius: 0 var(--ginBorderMedium) var(--ginBorderMedium) var(--ginBorderMedium);
+          border-radius: var(--ginBorderMedium) 0 var(--ginBorderMedium) var(--ginBorderMedium);
           box-shadow: var(--ginShadowLevel2);

           a {
@@ -293,13 +294,6 @@
           }
         }

-        .toolbar-tray {
-          left: auto;
-          right: 0;
-          border-radius: var(--ginBorderMedium) 0 var(--ginBorderMedium) var(--ginBorderMedium);
-        }
-
-
         // If custom user image
         &:not(.has-user-icon) {
           margin-right: -1.333em;

What do you think?

Issue fork gin-3264657

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

FiNeX created an issue. See original summary.

saschaeggi made their first commit to this issue’s fork.

  • saschaeggi committed 2f7434a on 8.x-3.x
    Issue #3264657: Secondary toolbar menu goes off screen
    
saschaeggi’s picture

Status: Active » Fixed

Thanks!

finex’s picture

you're welcome!

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

finex’s picture

StatusFileSize
new8.71 KB

Hi, it looks that the same problem is happening on the shortcut menu:

Shortcut menu

Should a new issue be opened?