Skip to content

Commit

Permalink
Merge pull request #811 from carloslancha/pr-805
Browse files Browse the repository at this point in the history 
(#776) Clay Components use `container-fluid container-fluid-max-xl` instead of `container`
  • Loading branch information
@carloslancha
carloslancha authored Apr 18, 2018
2 parents 3e68b96 + 06c653a commit a53fcec
Show file tree
Hide file tree
Showing 15 changed files with 89 additions and 96 deletions.
2 changes: 1 addition & 1 deletion packages/clay-alert/src/ClayAlertBase.soy
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@

<div {$attributes}>
{if $type == 'stripe'}
<div class="container">
<div class="container-fluid container-fluid-max-xl">
{$content}
</div>
{else}
Expand Down
14 changes: 7 additions & 7 deletions packages/clay-alert/src/__tests__/__snapshots__/ClayStripe.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

exports[`ClayStripe should render a "danger" style stripe 1`] = `
<div class="alert alert-danger fade alert-dismissible alert-fluid show" role="alert">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="Close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
Expand All @@ -21,7 +21,7 @@ exports[`ClayStripe should render a "danger" style stripe 1`] = `
exports[`ClayStripe should render a "success" style stripe 1`] = `
<div class="alert alert-success fade alert-dismissible alert-fluid show" role="alert">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="Close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
Expand All @@ -40,7 +40,7 @@ exports[`ClayStripe should render a "success" style stripe 1`] = `
exports[`ClayStripe should render a "warning" style stripe 1`] = `
<div class="alert alert-warning fade alert-dismissible alert-fluid show" role="alert">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="Close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
Expand All @@ -59,7 +59,7 @@ exports[`ClayStripe should render a "warning" style stripe 1`] = `
exports[`ClayStripe should render an "info" style stripe 1`] = `
<div class="alert alert-info fade alert-dismissible alert-fluid show" role="alert">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="Close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
Expand All @@ -78,7 +78,7 @@ exports[`ClayStripe should render an "info" style stripe 1`] = `
exports[`ClayStripe should render an stripe with classes 1`] = `
<div class="alert alert-info fade alert-dismissible my-custom-class alert-fluid show" role="alert">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="Close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
Expand All @@ -97,7 +97,7 @@ exports[`ClayStripe should render an stripe with classes 1`] = `
exports[`ClayStripe should render an stripe with id 1`] = `
<div class="alert alert-info fade alert-dismissible alert-fluid show" id="myId" role="alert">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="Close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
Expand All @@ -116,7 +116,7 @@ exports[`ClayStripe should render an stripe with id 1`] = `
exports[`ClayStripe should render default markup 1`] = `
<div class="alert alert-info fade alert-dismissible alert-fluid show" role="alert">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="Close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
Expand Down
6 changes: 3 additions & 3 deletions packages/clay-dataset-display/src/ClayDatasetDisplay.soy
View file
Original file line number Diff line number Diff line change
Expand Up @@ -173,7 +173,7 @@
{@param? selectable: bool}
{@param? title: string}

<div class="container container-view">
<div class="container-fluid container-fluid-max-xl container-view">
<form>
{call ClayCardGrid.render}
{param events: ['itemToggled': $_handleItemToggled ] /}
Expand All @@ -197,7 +197,7 @@
{@param? selectable: bool}
{@param? title: string}

<div class="container container-view">
<div class="container-fluid container-fluid-max-xl container-view">
<form>
{call ClayList.render}
{param events: ['itemToggled': $_handleItemToggled ] /}
Expand All @@ -221,7 +221,7 @@
{@param? selectable: bool}
{@param? title: string}

<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
{call ClayTable.render}
{param events: ['itemToggled': $_handleItemToggled ] /}
Expand Down
52 changes: 26 additions & 26 deletions packages/clay-dataset-display/src/__tests__/__snapshots__/ClayDatasetDisplay.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay and change view o
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-light navbar navbar-expand-md">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -101,7 +101,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay and change view o
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down Expand Up @@ -735,7 +735,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay and change view o
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-light navbar navbar-expand-md">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -832,7 +832,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay and change view o
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down Expand Up @@ -1466,7 +1466,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay and change view o
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-light navbar navbar-expand-md">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -1563,7 +1563,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay and change view o
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down Expand Up @@ -2199,7 +2199,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with grouped item
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-primary navbar navbar-expand-md navbar-nowrap">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav navbar-nav-expand">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -2251,7 +2251,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with grouped item
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down Expand Up @@ -2375,7 +2375,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with grouped item
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-light navbar navbar-expand-md">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -2472,7 +2472,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with grouped item
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down Expand Up @@ -2763,7 +2763,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and de
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-primary navbar navbar-expand-md navbar-nowrap">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav navbar-nav-expand">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -2815,7 +2815,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and de
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down Expand Up @@ -2936,7 +2936,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and li
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-light navbar navbar-expand-md">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -3033,7 +3033,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and li
</div>
</nav>
</div>
<div class="container container-view">
<div class="container-fluid container-fluid-max-xl container-view">
<form>
<ul class="card-page">
<li class="card-page-item-header">
Expand Down Expand Up @@ -3837,7 +3837,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and li
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-light navbar navbar-expand-md">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -3934,7 +3934,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and li
</div>
</nav>
</div>
<div class="container container-view">
<div class="container-fluid container-fluid-max-xl container-view">
<form>
<ul class="list-group show-quick-actions-on-hover">
<li class="list-group-header">
Expand Down Expand Up @@ -4876,7 +4876,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and li
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-light navbar navbar-expand-md">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -4973,7 +4973,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and li
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down Expand Up @@ -5607,7 +5607,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and se
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-light navbar navbar-expand-md">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -5704,7 +5704,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and se
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down Expand Up @@ -5990,7 +5990,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with selected gro
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-primary navbar navbar-expand-md navbar-nowrap">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav navbar-nav-expand">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -6042,7 +6042,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with selected gro
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down Expand Up @@ -6511,7 +6511,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with selected ite
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-primary navbar navbar-expand-md navbar-nowrap">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav navbar-nav-expand">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -6563,7 +6563,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with selected ite
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down Expand Up @@ -6848,7 +6848,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with ungrouped it
<div class="clay-dataset-display">
<div>
<nav class="management-bar management-bar-light navbar navbar-expand-md">
<div class="container">
<div class="container-fluid container-fluid-max-xl">
<ul class="navbar-nav">
<li class="nav-item">
<div class="custom-control custom-checkbox">
Expand Down Expand Up @@ -6945,7 +6945,7 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with ungrouped it
</div>
</nav>
</div>
<div class="container container-no-gutters-sm-down container-view">
<div class="container-fluid container-fluid-max-xl container-no-gutters-sm-down container-view">
<form>
<div class="table-responsive">
<table class="table table-autofit table-hover table-list show-quick-actions-on-hover">
Expand Down
Loading

0 comments on commit a53fcec

Please sign in to comment.