Site: (liferay#481) Add Info Button to Management Bar Light and move …

…position of Info Button on Management Bar Primary
pat270 · Feb 20, 2018 · 8390cf9 · 8390cf9
1 parent 6c0f10c
commit 8390cf9
Show file tree

Hide file tree

Showing 7 changed files with 64 additions and 31 deletions.
diff --git a/packages/clay/src/content/management-bar.html b/packages/clay/src/content/management-bar.html
@@ -83,6 +83,13 @@ <h3>Navbar Management Bar</h3>
 							</svg>
 						</a>
 					</li>
+					<li class="nav-item">
+						<a class="nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1" role="button">
+							<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
+								<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
+							</svg>
+						</a>
+					</li>
 					<li class="dropdown nav-item">
 						<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle nav-link nav-link-monospaced" data-toggle="dropdown" href="#1" role="button">
 							<svg aria-hidden="true" class="lexicon-icon lexicon-icon-list">
@@ -201,6 +208,13 @@ <h3>Navbar Management Bar</h3>
 					</svg>
 				</a>
 			</li>
+			<li class="nav-item">
+				<a class="nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId2" id="uniqueSidenavToggler2" role="button">
+					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
+						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
+					</svg>
+				</a>
+			</li>
 			<li class="dropdown nav-item">
 				<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle nav-link nav-link-monospaced" data-toggle="dropdown" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-list">
@@ -287,6 +301,13 @@ <h3>Navbar Management Bar</h3>
 			</li>
 		</ul>
 		<ul class="navbar-nav">
+			<li class="nav-item">
+				<a class="nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId3" id="uniqueSidenavToggler3" role="button">
+					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
+						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
+					</svg>
+				</a>
+			</li>
 			<li class="nav-item navbar-breakpoint-down-d-none">
 				<a class="nav-link nav-link-monospaced" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-trash">

diff --git a/packages/clay/src/content/test_card_view_template.html b/packages/clay/src/content/test_card_view_template.html
@@ -148,6 +148,13 @@
 					</svg>
 				</a>
 			</li>
+			<li class="nav-item">
+				<a class="nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1" role="button">
+					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
+						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
+					</svg>
+				</a>
+			</li>
 			<li class="dropdown nav-item">
 				<a aria-expanded="false" class="dropdown-toggle nav-link nav-link-monospaced" data-toggle="dropdown" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-cards2">
@@ -217,7 +224,7 @@
 	</div>
 </nav>
 
-<div class="closed sidenav-container">
+<div class="closed sidenav-container" id="uniqueSidenavCollapseId1">
 	<div class="sidenav-menu-slider">
 		<div class="sidebar sidebar-light sidenav-menu">
 			<nav class="component-tbar tbar">

diff --git a/packages/clay/src/content/test_card_view_template_info_panel.html b/packages/clay/src/content/test_card_view_template_info_panel.html
@@ -104,6 +104,13 @@
 			</li>
 		</ul>
 		<ul class="navbar-nav">
+			<li class="nav-item">
+				<a class="active nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1" role="button">
+					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
+						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
+					</svg>
+				</a>
+			</li>
 			<li class="nav-item navbar-breakpoint-down-d-none">
 				<a class="nav-link nav-link-monospaced" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-trash">
@@ -118,13 +125,6 @@
 					</svg>
 				</a>
 			</li>
-			<li class="dropdown nav-item navbar-breakpoint-down-d-none">
-				<a class="active nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1" role="button">
-					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
-						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
-					</svg>
-				</a>
-			</li>
 			<li class="dropdown nav-item">
 				<a aria-expanded="false" class="dropdown-toggle nav-link nav-link-monospaced" data-toggle="dropdown" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
@@ -138,9 +138,6 @@
 					<li>
 						<a class="dropdown-item" href="#1">Download</a>
 					</li>
-					<li>
-						<a class="dropdown-item" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1">Info Panel</a>
-					</li>
 				</ul>
 			</li>
 		</ul>

diff --git a/packages/clay/src/content/test_list_view_template.html b/packages/clay/src/content/test_list_view_template.html
@@ -148,6 +148,13 @@
 					</svg>
 				</a>
 			</li>
+			<li class="nav-item">
+				<a class="nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1" role="button">
+					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
+						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
+					</svg>
+				</a>
+			</li>
 			<li class="dropdown nav-item">
 				<a aria-expanded="false" class="dropdown-toggle nav-link nav-link-monospaced" data-toggle="dropdown" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-list">

diff --git a/packages/clay/src/content/test_list_view_template_info_panel.html b/packages/clay/src/content/test_list_view_template_info_panel.html
@@ -104,6 +104,13 @@
 			</li>
 		</ul>
 		<ul class="navbar-nav">
+			<li class="nav-item">
+				<a class="nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1" role="button">
+					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
+						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
+					</svg>
+				</a>
+			</li>
 			<li class="nav-item navbar-breakpoint-down-d-none">
 				<a class="nav-link nav-link-monospaced" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-trash">
@@ -118,13 +125,6 @@
 					</svg>
 				</a>
 			</li>
-			<li class="dropdown nav-item navbar-breakpoint-down-d-none">
-				<a class="nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1" role="button">
-					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
-						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
-					</svg>
-				</a>
-			</li>
 			<li class="dropdown nav-item">
 				<a aria-expanded="false" class="dropdown-toggle nav-link nav-link-monospaced" data-toggle="dropdown" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
@@ -138,9 +138,6 @@
 					<li>
 						<a class="dropdown-item" href="#1">Download</a>
 					</li>
-					<li>
-						<a class="dropdown-item" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1">Info Panel</a>
-					</li>
 				</ul>
 			</li>
 		</ul>

diff --git a/packages/clay/src/content/test_table_view_template.html b/packages/clay/src/content/test_table_view_template.html
@@ -148,6 +148,13 @@
 					</svg>
 				</a>
 			</li>
+			<li class="nav-item">
+				<a class="nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1" role="button">
+					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
+						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
+					</svg>
+				</a>
+			</li>
 			<li class="dropdown nav-item">
 				<a aria-expanded="false" class="dropdown-toggle nav-link nav-link-monospaced" data-toggle="dropdown" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-table">

diff --git a/packages/clay/src/content/test_table_view_template_info_panel.html b/packages/clay/src/content/test_table_view_template_info_panel.html
@@ -104,6 +104,13 @@
 			</li>
 		</ul>
 		<ul class="navbar-nav">
+			<li class="nav-item">
+				<a class="active nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1" role="button">
+					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
+						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
+					</svg>
+				</a>
+			</li>
 			<li class="nav-item navbar-breakpoint-down-d-none">
 				<a class="nav-link nav-link-monospaced" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-trash">
@@ -118,13 +125,6 @@
 					</svg>
 				</a>
 			</li>
-			<li class="dropdown nav-item navbar-breakpoint-down-d-none">
-				<a class="nav-link nav-link-monospaced" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1" role="button">
-					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle-open">
-						<use xlink:href="{{rootPath}}/images/icons/icons.svg#info-circle-open" />
-					</svg>
-				</a>
-			</li>
 			<li class="dropdown nav-item">
 				<a aria-expanded="false" class="dropdown-toggle nav-link nav-link-monospaced" data-toggle="dropdown" href="#1" role="button">
 					<svg aria-hidden="true" class="lexicon-icon lexicon-icon-ellipsis-v">
@@ -138,9 +138,6 @@
 					<li>
 						<a class="dropdown-item" href="#1">Download</a>
 					</li>
-					<li>
-						<a class="dropdown-item" href="#uniqueSidenavCollapseId1" id="uniqueSidenavToggler1">Info Panel</a>
-					</li>
 				</ul>
 			</li>
 		</ul>