openstack/horizon
Code Issues Proposed changes

Navigation + cleanup for details pages

Browse Source 
Adds a common detail page and a breadcrumb templatetag. The breadcrumb
templatetag defaults to displaying the panel name and the existing page
title, which is usually name_or_id. The templatetag can also access the
context, and accepts a "custom_breadcrumb", for complex nested pages or
customised layouts.

This type of navigation is also useful for small devices (mobile/
tablet), providing logical direction that isn't dependant on the
sidebar being displayed.

Currently implemented in Images, Volumes (simple breadcrumb), Ports and
Subnets (more complex nesting).

This approach has been chosen as manipulation of the URLs was seen as
undesirable, making request.path too unreliable. Furthermore, the
templatetag seperation means this could easily be used in other views.

NOTE: The network details page itself will be updated following the
resolution of https://bugs.launchpad.net/horizon/+bug/1416838

Change-Id: I7443b2ffa61560e5d1fd4d6d91b11201f1db6fac
Partial-Bug: 1413823
This commit is contained in:
Rob Cresswell
2015-08-12 19:47:59 +01:00
parent dca0d2c71b
commit 7a58d15aec
37 changed files with 192 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
openstack_dashboard/themes/default/bootstrap/_variables.scss
View File

@@ -772,13 +772,13 @@ $badge-border-radius: 10px !default;
//##
$breadcrumb-padding-vertical: 8px !default;
$breadcrumb-padding-horizontal: 15px !default;
$breadcrumb-padding-horizontal: 10px !default;
//** Breadcrumb background color
$breadcrumb-bg: #f5f5f5 !default;
$breadcrumb-bg: $body-bg !default;
//** Breadcrumb text color
$breadcrumb-color: #ccc !default;
$breadcrumb-color: $gray !default;
//** Text color of current page in the breadcrumb
$breadcrumb-active-color: $gray-light !default;
$breadcrumb-active-color: $gray !default;
//** Textual separator for between breadcrumb elements
$breadcrumb-separator: "/" !default;