Browse Source

Working on fixes for sidebar animations on mobile with changes to fixed. Updating breadcrumb docs

pull/1129/head
jlukic 10 years ago
parent
commit
9a1e04bc08
4 changed files with 22 additions and 10 deletions
  1. 14
      src/definitions/collections/breadcrumb.less
  2. 5
      src/definitions/modules/sidebar.js
  3. 1
      src/definitions/modules/sidebar.less
  4. 12
      src/themes/packages/default/collections/breadcrumb.variables

14
src/definitions/collections/breadcrumb.less

@ -39,6 +39,7 @@
Content
*******************************/
/* Divider */
.ui.breadcrumb .divider {
display: inline-block;
opacity: @dividerOpacity;
@ -48,10 +49,23 @@
color: @dividerColor;
vertical-align: @dividerVerticalAlign;
}
/* Link */
.ui.breadcrumb a {
color: @linkColor;
}
.ui.breadcrumb a:hover {
color: @linkHoverColor;
}
/* Icon Divider */
.ui.breadcrumb .icon.divider {
font-size: @iconDividerSize;
vertical-align: @iconDividerVerticalAlign;
}
/* Section */
.ui.breadcrumb a.section {
cursor: pointer;
}

5
src/definitions/modules/sidebar.js

@ -296,9 +296,8 @@ $.fn.sidebar = function(parameters) {
requestAnimationFrame(transition);
}
else {
if(settings.transition !== 'safe') {
$module.scrollTop(0);
}
$module.scrollTop(0);
$(document).scrollTop(0);
module.remove.allVisible();
requestAnimationFrame(transition);
}

1
src/definitions/modules/sidebar.less

@ -124,6 +124,7 @@
opacity: 1 !important;
}
.pushable.pushed > .fixed,
.pushable.pushed > .pusher {
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;

12
src/themes/packages/default/collections/breadcrumb.variables

@ -2,10 +2,6 @@
Breadcrumb
*******************************/
/*-------------------
Globals Used
--------------------*/
/*-------------------
Breadcrumb
--------------------*/
@ -14,13 +10,15 @@
@display: inline-block;
@verticalAlign: middle;
@dividerSpacing: 0.15em;
@dividerSpacing: 0.2rem;
@dividerOpacity: 0.5;
@dividerColor: @lightTextColor;
@dividerSize: 0.9em;
@dividerVerticalAlign: baseline;
@dividerSize: 1em;
@iconDividerSize: 1em;
@iconDividerSize: 0.7em;
@iconDividerVerticalAlign: middle;
@sectionMargin: 0em;
@sectionPadding: 0em;

Loading…
Cancel
Save