openstack/horizon
Code Issues Proposed changes

Some tweaks to improve work with Material Theme

Browse Source 
Material Theme css tags differ from the ones from Default Theme,
so the navigation we have doesn't work for some actions such as
opening a new details page or reloading it, displaying breadcrumbs
and menu panels. This patch adds some tweaks to fix that.

Closes-Bug: #1968272

Change-Id: I18bd2e8515614463a911978879523744a9b059d7
This commit is contained in:
Tatiana Ovchinnikova 2022-04-22 11:45:11 -05:00
parent fcf3ae9365
commit a5dd9e21cd
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
horizon/static/framework/util/navigations/navigations.service.js
View File

@ -75,6 +75,8 @@
// open panelgroup on nav_bar if exists
if (panelgroup.length) {
panelgroup.removeClass("collapsed").attr("aria-expanded", true);
panelgroup.siblings("ul").addClass("in").attr("style", null);
panelgroup.siblings("ul").removeClass("collapsed").attr("aria-expanded", true);
// get panelgroup label
labels.push(panelgroup.text().trim());
}

6
openstack_dashboard/themes/material/static/_styles.scss
View File

@ -1,2 +1,8 @@
@import "bootstrap/styles";
@import "horizon/styles";
#sidebar {
.openstack-panel-group {
text-align: left;
}
}

4
openstack_dashboard/themes/material/templates/horizon/_sidebar.html
View File

@ -21,7 +21,7 @@
{% with panels|has_permissions_on_list:user as filtered_panels %}
{% if filtered_panels %}
{% if group.name %}
<li class="nav-header">
<li class="nav-header openstack-panel-group">
<a data-toggle="collapse"
data-parent="#sidebar-drawer-{{ dashboard.slug }}"
data-target="#sidebar-drawer-{{ dashboard.slug }}-{{ group.slug }}"
@ -40,7 +40,7 @@
{% endif %}
{% for panel in filtered_panels %}
<li class="openstack-panel">
<a class="openstack-spin {% if current.slug == dashboard.slug and current_panel == panel.slug %}active{% endif %}" href="{{ panel.get_absolute_url }}"
<a class="openstack-spin openstack-panel {% if current.slug == dashboard.slug and current_panel == panel.slug %}active{% endif %}" href="{{ panel.get_absolute_url }}"
target="_self"
tabindex="{{ forloop.counter }}" >
{{ panel.name }}