Skip to content

O
OpnSense
Commit 415c6092 authored by Ad Schellevis's avatar Ad Schellevis
Browse files
Options

(mvc) fix wrapping/alignment on menu items with icon

parent 7bff127c
Hide whitespace changes
Inline Side-by-side
Showing with 24 additions and 3 deletions
src/opnsense/mvc/app/views/layout_partials/base_menu_system.volt
View file @ 415c6092
...@@ -9,7 +9,14 @@ ...@@ -9,7 +9,14 @@
{% for subMenuItem in topMenuItem.Children %} {% for subMenuItem in topMenuItem.Children %}
{% if subMenuItem.Url == '' %} {% if subMenuItem.Url == '' %}
{# next level items, submenu is a container #} {# next level items, submenu is a container #}
<a href="#{{ topMenuItem.Id }}_{{ subMenuItem.Id }}" class="list-group-item {% if subMenuItem.Selected %} active-menu-title {% endif %}" data-toggle="collapse" data-parent="#{{ topMenuItem.Id }}">{{ subMenuItem.VisibleName }} <span class="{{ subMenuItem.CssClass }} __iconspacer pull-right"></span></a> <a href="#{{ topMenuItem.Id }}_{{ subMenuItem.Id }}" class="list-group-item {% if subMenuItem.Selected %} active-menu-title {% endif %}" data-toggle="collapse" data-parent="#{{ topMenuItem.Id }}">
<div style="display: table;width: 100%;">
<div style="display: table-row">
<div style="display: table-cell">{{ subMenuItem.VisibleName }}</div>
<div style="display: table-cell; vertical-align:middle;"><span class="{{ subMenuItem.CssClass }}"></span></div>
</div>
</div>
</a>
<div class="collapse {% if subMenuItem.Selected %} active-menu in {% endif %}" id="{{ topMenuItem.Id }}_{{ subMenuItem.Id }}"> <div class="collapse {% if subMenuItem.Selected %} active-menu in {% endif %}" id="{{ topMenuItem.Id }}_{{ subMenuItem.Id }}">
{% for subsubMenuItem in subMenuItem.Children %} {% for subsubMenuItem in subMenuItem.Children %}
{% if subsubMenuItem.IsExternal == "Y" %} {% if subsubMenuItem.IsExternal == "Y" %}
...@@ -20,9 +27,23 @@ ...@@ -20,9 +27,23 @@
{% endfor %} {% endfor %}
</div> </div>
{% elseif subMenuItem.IsExternal == "Y" %} {% elseif subMenuItem.IsExternal == "Y" %}
<a href="{{ subMenuItem.Url }}" target="_new" class="list-group-item {% if subMenuItem.Selected %} active {% endif %}">{{ subMenuItem.VisibleName }}<span class="{{ subMenuItem.CssClass }} __iconspacer pull-right"></span></a> <a href="{{ subMenuItem.Url }}" target="_new" class="list-group-item {% if subMenuItem.Selected %} active {% endif %}">
<div style="display: table;width: 100%;">
<div style="display: table-row">
<div style="display: table-cell">{{ subMenuItem.VisibleName }}</div>
<div style="display: table-cell; vertical-align:middle;"><span class="{{ subMenuItem.CssClass }}"></span></div>
</div>
</div>
</a>
{% elseif acl.isPageAccessible(session.get('Username'),subMenuItem.Url) %} {% elseif acl.isPageAccessible(session.get('Username'),subMenuItem.Url) %}
<a href="{{ subMenuItem.Url }}" class="list-group-item {% if subMenuItem.Selected %} active {% endif %}">{{ subMenuItem.VisibleName }}<span class="{{ subMenuItem.CssClass }} __iconspacer pull-right"></span></a> <a href="{{ subMenuItem.Url }}" class="list-group-item {% if subMenuItem.Selected %} active {% endif %}">
<div style="display: table;width: 100%;">
<div style="display: table-row">
<div style="display: table-cell">{{ subMenuItem.VisibleName }}</div>
<div style="display: table-cell; vertical-align:middle;"><span class="{{ subMenuItem.CssClass }}"></span></div>
</div>
</div>
</a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Technounit-GROUP 2023