Merge pull request #567 from carloslancha/issue-542

Update styles for new Clay Card Grid List Markup | Fixes #542
liferay · Feb 19, 2018 · ef60ecb · ef60ecb
2 parents f5f52fb + b7c8445
commit ef60ecb
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/packages/clay-card-grid/src/ClayCardGrid.soy b/packages/clay-card-grid/src/ClayCardGrid.soy
@@ -143,8 +143,8 @@
 				id="group-{$currentgroupName}"
 			{/let}
 
-			<li>
-				<h4 {$headerAttributes}>{$item.label}</h4>
+			<li class="card-page-item-header">
+				<h4 class="card-section-header">{$item.label}</h4>
 			</li>
 
 			{call .items}

diff --git a/packages/clay-card-grid/src/__tests__/__snapshots__/ClayCardGrid.js.snap b/packages/clay-card-grid/src/__tests__/__snapshots__/ClayCardGrid.js.snap
@@ -6,8 +6,8 @@ exports[`ClayCardGrid should render a ClayCardGrid with id 1`] = `<ul class="car
 
 exports[`ClayCardGrid should render the default markup 1`] = `
 <ul class="card-page">
-  <li>
-    <h4 class="card-section-header" id="group-0">Folders</h4>
+  <li class="card-page-item-header">
+    <h4 class="card-section-header">Folders</h4>
   </li>
   <li class="card-page-item-directory">
     <div class="card-type-directory card card-horizontal">
@@ -51,8 +51,8 @@ exports[`ClayCardGrid should render the default markup 1`] = `
       </div>
     </div>
   </li>
-  <li>
-    <h4 class="card-section-header" id="group-1">Recipes</h4>
+  <li class="card-page-item-header">
+    <h4 class="card-section-header">Recipes</h4>
   </li>
   <li class="card-page-item-directory">
     <div class="card-type-asset card image-card">
@@ -195,8 +195,8 @@ exports[`ClayCardGrid should render the default markup 1`] = `
       </div>
     </div>
   </li>
-  <li>
-    <h4 class="card-section-header" id="group-2">Chefs</h4>
+  <li class="card-page-item-header">
+    <h4 class="card-section-header">Chefs</h4>
   </li>
   <li class="card-page-item-directory">
     <div class="card-type-asset card">

diff --git a/packages/clay-dataset-display/src/__tests__/__snapshots__/ClayDatasetDisplay.js.snap b/packages/clay-dataset-display/src/__tests__/__snapshots__/ClayDatasetDisplay.js.snap
@@ -2826,8 +2826,8 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and li
   <div class="container container-view">
     <form>
       <ul class="card-page">
-        <li>
-          <h4 class="card-section-header" id="group-0">Folders</h4>
+        <li class="card-page-item-header">
+          <h4 class="card-section-header">Folders</h4>
         </li>
         <li class="card-page-item-directory">
           <div class="card-type-directory form-check form-check-card form-check-middle-left">
@@ -2907,8 +2907,8 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and li
             </div>
           </div>
         </li>
-        <li>
-          <h4 class="card-section-header" id="group-1">Recipes</h4>
+        <li class="card-page-item-header">
+          <h4 class="card-section-header">Recipes</h4>
         </li>
         <li class="card-page-item-directory">
           <div class="card-type-asset form-check form-check-card form-check-top-left image-card">
@@ -3159,8 +3159,8 @@ exports[`ClayDatasetDisplay should render a ClayDatasetDisplay with items and li
             </div>
           </div>
         </li>
-        <li>
-          <h4 class="card-section-header" id="group-2">Chefs</h4>
+        <li class="card-page-item-header">
+          <h4 class="card-section-header">Chefs</h4>
         </li>
         <li class="card-page-item-directory">
           <div class="card-type-asset form-check form-check-card form-check-top-left">