openstack/horizon
Code Issues Proposed changes

Added correct cursor to components without the href attribute

Browse Source 
Original Bootstrap CSS depends on empty href attributes to style
cursors for several components. Adding href attributes to link tags in
AngularJS will cause unwanted route changes. This styling fix ensures
the correct cursor styling is applied to link tags without the need
for the href attribute to be added.

Closes-Bug: 1582673
Co-Authored-By: Revon Mathews <revon.mathews@intel.com>
Change-Id: I9c65e54d07db7aaeef1585a6f21c31c354951609
This commit is contained in:
Elizabeth Elwell 2016-05-13 16:19:39 +01:00
parent c817bc9cfa
commit 77d7e26135
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
openstack_dashboard/static/dashboard/scss/_bootstrap_helpers.scss
View File

@ -1,4 +1,4 @@
// Bootstrap Variable Helpers
// Bootstrap Helpers
// Some values in Bootstrap are hardcoded, but it would be
// useful to use their values in some calculations
@ -30,3 +30,8 @@ $bs-modal-footer-height: $modal-inner-padding*2 + $bs-button-height + $bs-modal-
// The height of the modal w/o taking its contents into account
$bs-modal-height: $bs-modal-margin*2 + $bs-modal-header-height + $bs-modal-footer-height;
$bs-modal-height-small-screen: $bs-modal-margin-small-screen*2 + $bs-modal-header-height + $bs-modal-footer-height;
// Ensures that linked components will have the correct cursor without href attributes.
// If ng-disabled this will be overridden by cursor: not-allowed.
// https://angular-ui.github.io/bootstrap/
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }