From 77d7e26135bd37bfe28b8f14c04c0d62dc6f9c4e Mon Sep 17 00:00:00 2001 From: Elizabeth Elwell Date: Fri, 13 May 2016 16:19:39 +0100 Subject: [PATCH] Added correct cursor to components without the href attribute 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 Change-Id: I9c65e54d07db7aaeef1585a6f21c31c354951609 --- .../static/dashboard/scss/_bootstrap_helpers.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/openstack_dashboard/static/dashboard/scss/_bootstrap_helpers.scss b/openstack_dashboard/static/dashboard/scss/_bootstrap_helpers.scss index 08569d4604..05bdb643e7 100644 --- a/openstack_dashboard/static/dashboard/scss/_bootstrap_helpers.scss +++ b/openstack_dashboard/static/dashboard/scss/_bootstrap_helpers.scss @@ -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; }