Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

(#776) Clay Components use container-fluid container-fluid-max-xl instead of container #811

Merged
merged 4 commits into from
Apr 18, 2018
Merged

(#776) Clay Components use container-fluid container-fluid-max-xl instead of container #811

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6b314d1
(Fixes #776) Clay Components Alert, Dataset Display, Management Toolb…
pat270 Apr 17, 2018
1d0eb58
Regen snapshots | #776
pat270 Apr 17, 2018
60cbebb
Regen expected testSoy fixtures | #776
pat270 Apr 17, 2018
06c653a
SF | Fixes #776
Apr 18, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/clay-alert/src/ClayAlertBase.soy
View file
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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 @@ -747,7 +747,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 @@ -844,7 +844,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 @@ -1490,7 +1490,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 @@ -1587,7 +1587,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 @@ -2235,7 +2235,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 @@ -2287,7 +2287,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 @@ -2411,7 +2411,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 @@ -2508,7 +2508,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 @@ -2799,7 +2799,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 @@ -2851,7 +2851,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 @@ -2972,7 +2972,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 @@ -3069,7 +3069,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 @@ -3885,7 +3885,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 @@ -3982,7 +3982,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 @@ -4936,7 +4936,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 @@ -5033,7 +5033,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 @@ -5679,7 +5679,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 @@ -5776,7 +5776,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 @@ -6062,7 +6062,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 @@ -6114,7 +6114,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 @@ -6595,7 +6595,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 @@ -6647,7 +6647,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 @@ -6944,7 +6944,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 @@ -7041,7 +7041,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