Site: Modal use h4 tag for .modal-title

liferay · Apr 13, 2018 · e95b788 · e95b788
1 parent e764a16
commit e95b788
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/packages/clay/src/content/modals.html b/packages/clay/src/content/modals.html
@@ -16,7 +16,7 @@ <h3>Small Modal</h3>
 	<div class="modal-dialog modal-sm">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="claySmallModalLabel">Modal Title</div>
+				<h4 class="modal-title" id="claySmallModalLabel">Modal Title</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />
@@ -56,7 +56,7 @@ <h3>Default Modal</h3>
 	<div class="modal-dialog">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="clayDefaultModalLabel">Modal Title</div>
+				<h4 class="modal-title" id="clayDefaultModalLabel">Modal Title</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />
@@ -98,7 +98,7 @@ <h3>Large Modal</h3>
 	<div class="modal-dialog modal-lg">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="clayLargeModalLabel">Modal Title</div>
+				<h4 class="modal-title" id="clayLargeModalLabel">Modal Title</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />
@@ -138,7 +138,7 @@ <h3>Inline Scroller</h3>
 	<div class="modal-dialog modal-sm">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="claySmallModalInlineScrollerLabel">Modal Title</div>
+				<h4 class="modal-title" id="claySmallModalInlineScrollerLabel">Modal Title</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />
@@ -198,7 +198,7 @@ <h3>Full Screen Modal</h3>
 	<div class="modal-dialog modal-full-screen">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="clayLargeModalLabel">Add Picture to Documents and Media Library in Liferay Seven</div>
+				<h4 class="modal-title" id="clayLargeModalLabel">Add Picture to Documents and Media Library in Liferay Seven</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />
@@ -318,7 +318,7 @@ <h3>Modal Full Screen Sm Down</h3>
 	<div class="modal-dialog modal-full-screen-sm-down">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="clayModalFullScreenSmDownLabel">Modal Title</div>
+				<h4 class="modal-title" id="clayModalFullScreenSmDownLabel">Modal Title</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />
@@ -377,7 +377,7 @@ <h3>Modal Body Iframe</h3>
 	<div class="modal-dialog modal-full-screen modal-full-screen-sm-down">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="clayFullScreenModalIframeLabel">Add Picture to Documents and Media Library in Liferay Seven</div>
+				<h4 class="modal-title" id="clayFullScreenModalIframeLabel">Add Picture to Documents and Media Library in Liferay Seven</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />
@@ -417,14 +417,14 @@ <h3>Modal Variants</h3>
 	<div class="modal-danger modal-dialog modal-full-screen-sm-down">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="clayModalDangerLabel">
+				<h4 class="modal-title" id="clayModalDangerLabel">
 					<span class="modal-title-indicator">
 						<svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full">
 							<use xlink:href="{{rootPath}}/images/icons/icons.svg#exclamation-full" />
 						</svg>
 					</span>
 					Modal Title
-				</div>
+				</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />
@@ -458,14 +458,14 @@ <h4>Modal Body</h4>
 	<div class="modal-info modal-dialog modal-full-screen-sm-down">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="clayModalInfoLabel">
+				<h4 class="modal-title" id="clayModalInfoLabel">
 					<span class="modal-title-indicator">
 						<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle">
 							<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle" />
 						</svg>
 					</span>
 					Modal Title
-				</div>
+				</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />
@@ -493,14 +493,14 @@ <h4>Modal Body</h4>
 	<div class="modal-success modal-dialog modal-full-screen-sm-down">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="clayModalSuccessLabel">
+				<h4 class="modal-title" id="clayModalSuccessLabel">
 					<span class="modal-title-indicator">
 						<svg aria-hidden="true" class="lexicon-icon lexicon-icon-check-circle-full">
 							<use xlink:href="{{rootPath}}/images/icons/icons.svg#check-circle-full" />
 						</svg>
 					</span>
 					Modal Title
-				</div>
+				</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />
@@ -533,14 +533,14 @@ <h4>Modal Body</h4>
 	<div class="modal-warning modal-dialog modal-full-screen-sm-down">
 		<div class="modal-content">
 			<div class="modal-header">
-				<div class="modal-title" id="clayModalWarningLabel">
+				<h4 class="modal-title" id="clayModalWarningLabel">
 					<span class="modal-title-indicator">
 						<svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full">
 							<use xlink:href="{{rootPath}}/images/icons/icons.svg#warning-full" />
 						</svg>
 					</span>
 					Modal Title
-				</div>
+				</h4>
 				<button aria-label="Close" class="close" data-dismiss="modal" type="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times">
 						<use xlink:href="{{rootPath}}/images/icons/icons.svg#times" />