77d7e26135
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
38 lines
1.6 KiB
SCSS
38 lines
1.6 KiB
SCSS
// Bootstrap Helpers
|
|
|
|
// Some values in Bootstrap are hardcoded, but it would be
|
|
// useful to use their values in some calculations
|
|
|
|
$bs-button-vertical-border: 2; // _buttons.scss:18
|
|
|
|
$bs-dropdown-item-padding-vertical: 3px; // _dropdowns.scss:67
|
|
$bs-dropdown-item-padding-horizontal: 20px; // _dropdowns.scss:67
|
|
|
|
$bs-modal-margin: 30px; // _modals.scss:138
|
|
$bs-modal-margin-small-screen: 10px; // _modals.scss:47
|
|
$bs-modal-footer-vertical-border: 1; // _modals.scss:106
|
|
|
|
|
|
// Some custom Modal sizes used to create two additional modal sizes: xs & xl
|
|
$modal-xs: $modal-sm/2;
|
|
$modal-xl: 95vw;
|
|
|
|
|
|
// Some Helpful Calculations
|
|
$bs-button-height: ($font-size-base * $line-height-base) + $padding-base-vertical*2 + $bs-button-vertical-border;
|
|
|
|
// The height of a standard modal header with an H3 sized title
|
|
$bs-modal-header-height: $modal-title-padding*2 + ($font-size-h3 * $line-height-base);
|
|
|
|
// The height of a standard modal footer with a single row of buttons
|
|
$bs-modal-footer-height: $modal-inner-padding*2 + $bs-button-height + $bs-modal-footer-vertical-border;
|
|
|
|
// 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; }
|