浏览代码

Update standard_layout.html.twig

When resizing to xsmall devices in bootstrap the breadcrumb is breaking the mobile responsive layout (all of the actions, etc fall over to the next line and no longer line up with the background). 
Ideally the breadcrumb div would be updated to sit within a variable width container that would allow the user to pan left and right with the mouse/their finger to read the entire breadcrumb on mobile devices. If I get a chance I can look at integrating this, but for the time being I suggest wrapping it up in <div class="hidden-xs"></div> so that it doesn't appear broken to the user on xsmall devices.
Dave Cox 10 年之前
父节点
当前提交
b1bb1207a8
共有 1 个文件被更改,包括 2 次插入0 次删除
  1. 2 0
      Resources/views/standard_layout.html.twig

+ 2 - 0
Resources/views/standard_layout.html.twig

@@ -127,6 +127,7 @@ file that was distributed with this source code.
 
                             <div class="navbar-left">
                                 {% block sonata_breadcrumb %}
+                                    <div class="hidden-xs">
                                     {% if _breadcrumb is not empty or action is defined %}
                                         <ol class="nav navbar-top-links breadcrumb">
                                             {% if _breadcrumb is empty %}
@@ -150,6 +151,7 @@ file that was distributed with this source code.
                                             {% endif %}
                                         </ol>
                                     {% endif %}
+                                    </div>
                                 {% endblock sonata_breadcrumb %}
                             </div>