Jelajahi Sumber

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 tahun lalu
induk
melakukan
b1bb1207a8
1 mengubah file dengan 2 tambahan dan 0 penghapusan
  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>