Commit 2f7434a6 authored by Sascha Eggenberger's avatar Sascha Eggenberger
Browse files

Issue #3264657: Secondary toolbar menu goes off screen

parent 4de17c2a

dist/css/components/toolbar_meta.css

+6 −9
Original line number Diff line number Diff line
@@ -290,22 +290,19 @@ 
    display: none;

  }



  .toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user:hover .icon-user {

    box-shadow: 0 0 0 2px var(--colorGinAppBackground), 0 0 0 5px var(--colorGinLayer3Background);

  }



  .toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user .toolbar-tray {

  .toolbar-meta .toolbar-bar div:nth-last-child(2) .toolbar-tray,

.toolbar-meta .toolbar-bar div:last-child .toolbar-tray {

    left: auto;

    right: 0;

    border-radius: var(--ginBorderMedium) 0 var(--ginBorderMedium) var(--ginBorderMedium);

  }



  .toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user:not(.has-user-icon) {

    margin-right: -1.333em;

  .toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user:hover .icon-user {

    box-shadow: 0 0 0 2px var(--colorGinAppBackground), 0 0 0 5px var(--colorGinLayer3Background);

  }



  .toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user .icon-user ~ .toolbar-tray {

    border-radius: var(--ginBorderSmall);

  .toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user:not(.has-user-icon) {

    margin-right: -1.333em;

  }



  .toolbar-meta .toolbar-bar .toolbar-id--toolbar-icon-user .icon-user {

styles/components/toolbar_meta.scss

+9 −11
Original line number Diff line number Diff line
@@ -285,6 +285,15 @@ 
        }

      }



      div:nth-last-child(2),

      div:last-child {

        .toolbar-tray {

          left: auto;

          right: 0;

          border-radius: var(--ginBorderMedium) 0 var(--ginBorderMedium) var(--ginBorderMedium);

        }

      }



      .toolbar-id--toolbar-icon-user {

        &:hover {

          .icon-user {
@@ -293,22 +302,11 @@ 
          }

        }



        .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;

        }



        .icon-user ~ .toolbar-tray {

          border-radius: var(--ginBorderSmall);

        }



        .icon-user {

          border: 1px solid var(--colorGinBorder);

          border-radius: 50%;