Skip to content
Permalink
Browse files

fix(grids): fix IE sizing issue by adding max-width

  • Loading branch information...
brandonferrua committed Jul 20, 2017
1 parent e6d50b2 commit 00a0e3537dae7c92282cbc627591739ac9938726
@@ -19,6 +19,16 @@ global:
imports:
- ../force-base/aliases/spacing.yml
props:
## Globals
COMPONENT_SPACING_MARGIN:
value: '{!SPACING_SMALL}'
COMPONENT_SPACING_PADDING:
value: '{!SPACING_SMALL}'
TEMPLATE_GUTTERS:
value: '{!SPACING_SMALL}'
TEMPLATE_PROFILE_GUTTERS:
value: '4rem {!SPACING_SMALL} {!SPACING_SMALL}'
## Old
CARD_SPACING_MEDIUM:
value: '{!SPACING_SMALL}'
CARD_SPACING_LARGE:
@@ -24,7 +24,7 @@ props:
COLOR_BORDER_BRAND_PRIMARY_ACTIVE:
value: '{!BLUE_BORDER_SECONDARY}'
PAGE_HEADER_COLOR_BORDER:
value: '{!PALETTE_GRAY_2}'
value: '{!PALETTE_GRAY_6}'
CARD_COLOR_BORDER:
value: '{!PALETTE_GRAY_6}'
CARD_FOOTER_COLOR_BORDER:
@@ -8,8 +8,6 @@ global:
- 'border*'
- box-shadow
imports:
- "../../../../design-tokens/force-base/aliases/color.yml"
- "../../../../design-tokens/salesforce-skin/aliases/color.yml"
- "../../../../design-tokens/color-palettes.yml"
props:
CARD_COLOR_BORDER:
@@ -16,20 +16,9 @@
box-shadow: none;
}

/**
* @summary
*
* @selector .slds-has-full-bleed
* @restrict .slds-page-header
* @modifier
*/
.slds-page-header_bleed,
.slds-page-header.slds-has-full-bleed {
margin: 0;
}

// Overrides when inside a card
.slds-tabs_card .slds-page-header,
.slds-card .slds-page-header {
border: 0;
box-shadow: none;
}
@@ -107,6 +107,7 @@
.slds-#{$breakpoint-string}size--#{$i}-of-#{$denominator} {
width: ($i / $denominator) * 100%;
flex: 0 0 ($i / $denominator) * 100%;
max-width: ($i / $denominator) * 100%; // IE fix
}
}
}
@@ -63,6 +63,8 @@ $_sizes: (
.slds-#{$size}-size_#{$name},
.slds-#{$size}-size--#{$name} {
width: $width;
flex: 0 0 $width;
max-width: $width; // IE fix
}
}

@@ -90,6 +92,8 @@ $_sizes: (
.slds-max-#{$size}-size_#{$name},
.slds-max-#{$size}-size--#{$name} {
width: $width;
flex: 0 0 $width;
max-width: $width; // IE fix
}
}

0 comments on commit 00a0e35

Please sign in to comment.
You can’t perform that action at this time.