[BUGFIX] Adjust topbar dropdown alignment 27/34927/2
authorBenjamin Kott <benjamin.kott@wfp2.com>
Tue, 2 Dec 2014 15:30:39 +0000 (16:30 +0100)
committerJigal van Hemert <jigal.van.hemert@typo3.org>
Tue, 2 Dec 2014 15:33:14 +0000 (16:33 +0100)
If the list module is not enabled for the user the dropdown
would not stay within the viewport.

Resolves: #63508
Releases: master
Change-Id: I43099e8f7679cdb8a0780d05e880ecdaa638d879
Reviewed-on: http://review.typo3.org/34927
Reviewed-by: Andreas Fernandez <a.fernandez@scripting-base.de>
Tested-by: Andreas Fernandez <a.fernandez@scripting-base.de>
Reviewed-by: Jigal van Hemert <jigal.van.hemert@typo3.org>
Tested-by: Jigal van Hemert <jigal.van.hemert@typo3.org>
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css

index 06027ad..36dedad 100644 (file)
                }
        }
        .dropdown-menu {
+               left: auto;
+               right: 0;
                margin: 0;
                padding: (@topbar-dropdown-padding / 2) @topbar-dropdown-padding;
                color: @topbar-dropdown-color;
 // Livesearch
 .live-search-list {
        .typo3-topbar-navigation-items .dropdown-menu();
+       right: auto;
        padding: 0;
        .x-toolbar {
                padding: 0;
index c39086e..d368fcd 100644 (file)
@@ -11693,6 +11693,8 @@ fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger.active {
   right: 5px;
 }
 .typo3-topbar-navigation-items .dropdown-menu {
+  left: auto;
+  right: 0;
   margin: 0;
   padding: 8px 16px;
   color: #dddddd;
@@ -11899,6 +11901,8 @@ fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger.active {
   margin-top: -8px;
 }
 .live-search-list {
+  left: auto;
+  right: 0;
   margin: 0;
   padding: 8px 16px;
   color: #dddddd;
@@ -11910,6 +11914,7 @@ fieldset[disabled] .typo3-topbar-navigation .btn.btn-danger.active {
   border-radius: 0 0 2px 2px;
   -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
   box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
+  right: auto;
   padding: 0;
 }
 .live-search-list a {