[BUGFIX] Avoid page path floating left in DocHeader 75/51875/3
authorGeorg Ringer <georg.ringer@gmail.com>
Mon, 27 Feb 2017 07:37:21 +0000 (08:37 +0100)
committerAnja Leichsenring <aleichsenring@ab-softlab.de>
Mon, 27 Feb 2017 18:40:59 +0000 (19:40 +0100)
Fix the position of the page path in DocHeader.

Resolves: #80045
Releases: master
Change-Id: If50725fcb4342011562b008fd98d248a0367a4be
Reviewed-on: https://review.typo3.org/51875
Tested-by: TYPO3com <no-reply@typo3.com>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Tested-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Build/Resources/Public/Less/Component/module.less
typo3/sysext/backend/Resources/Private/Partials/DocHeader.html
typo3/sysext/backend/Resources/Public/Css/backend.css

index d3eb976..fc9b1f0 100644 (file)
 .module-docheader-bar-navigation {
        .module-docheader-bar-column-left {
                white-space: nowrap;
+
+               @media (max-width: @screen-sm) {
+                       white-space: normal;
+               }
        }
        .form-group select {
                width: 100%;
index 660d485..0a9e24d 100644 (file)
@@ -31,7 +31,7 @@
                                </f:if>
                        </f:then>
                        <f:else>
-                               <div class="module-docheader-bar-column-left col-xs-12">
+                               <div class="module-docheader-bar-column-left col-xs-12 text-right">
                        </f:else>
                </f:if>
                        <f:if condition="{docHeader.metaInformation.recordInformation}">
index 48f2791..774b9ca 100644 (file)
@@ -8344,6 +8344,11 @@ div.dropdown-menu {
 .module-docheader-bar-navigation .module-docheader-bar-column-left {
   white-space: nowrap;
 }
+@media (max-width: 768px) {
+  .module-docheader-bar-navigation .module-docheader-bar-column-left {
+    white-space: normal;
+  }
+}
 .module-docheader-bar-navigation .form-group select {
   width: 100%;
 }