Skip to content

Commit 3334fc0

Browse files
author
Mike Kozicki
authored
Merge pull request #2985 from catchpoint/AZU179435
navbar update
2 parents e805e62 + 35e7857 commit 3334fc0

File tree

3 files changed

+42
-16
lines changed

3 files changed

+42
-16
lines changed

www/assets/css/wpt-header.css

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -324,6 +324,10 @@ wpt-header .wptheader_nav_menu_content ul {
324324
margin-bottom: 1rem;
325325
}
326326

327+
wpt-header .wptheader_nav_menu_content .nested ul {
328+
margin-left: 1rem;
329+
}
330+
327331
wpt-header .wptheader_nav_menu_content li {
328332
display: flex;
329333
align-items: center;
@@ -353,7 +357,13 @@ wpt-header .wptheader_nav_title {
353357
font-weight: bold;
354358
-webkit-text-stroke: 1px;
355359
font-size: 1rem;
356-
margin-bottom: 0.5em;
360+
margin: unset;
361+
}
362+
363+
wpt-header .wptheader_nav_menu_section.nested.secondary_underline > p {
364+
font-weight: unset;
365+
text-decoration: underline;
366+
text-underline-position: under;
357367
}
358368

359369
wpt-header .wptheader_top_right_arrow{
Lines changed: 10 additions & 0 deletions
Loading

www/templates/layouts/includes/wpt-header.php

Lines changed: 21 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -80,31 +80,37 @@ function addTab($tabName, $tabUrl, $addClass = '')
8080

8181
<li class="wptheader_nav_menu">
8282
<details>
83-
<summary><span>Features</span></summary>
83+
<summary><span>Solutions</span></summary>
8484
<div class="wptheader_nav_menu_content">
8585
<div class="wptheader_nav_menu_section">
8686
<img src="/assets/images/wpt-logo-pro-dark.svg" width="143" height="17" alt="WebPageTest Pro">
8787
</div>
88-
<div class="wptheader_nav_menu_section">
88+
<div class="wptheader_nav_menu_section nested">
8989
<ul>
9090
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://product.webpagetest.org/experiments">Opportunities & Experiments</a></li>
9191
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://product.webpagetest.org/api">API</a></li>
9292
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.webpagetest.org/carbon-control/">Carbon Control (NEW)</a></li>
9393
</ul>
9494
</div>
95-
<div class="wptheader_nav_menu_section wptheader_nav_cta">
96-
<p class="wptheader_nav_title" >Enterprise Monitoring</p>
97-
<div class="wptheader_top_right_arrow"></div>
95+
<div class="wptheader_nav_menu_section wptheader_nav_cta" style="padding: 1.5rem 0;">
96+
<img src="/assets/images/header-menu-arrow.svg" width="20" height="20">
97+
<p class="wptheader_nav_title">For Enterprise:<br>Internet Performance Monitoring</p>
9898
</div>
99-
<div class="wptheader_nav_menu_section">
100-
<ul>
101-
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/website-experience/website-performance-monitoring?utm_source=WPT&utm_medium=NavBar&utm_content=websitePerformanceMonitoring">Website Performance Monitoring</a></li>
102-
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/real-user-monitoring?utm_source=WPT&utm_medium=NavBar&utm_content=rum">Real User Monitoring (RUM)</a></li>
103-
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/application-experience/api-monitoring?utm_source=WPT&utm_medium=NavBar&utm_content=apiMonitoring">API Monitoring</a></li>
104-
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/network-experience/dns?utm_source=WPT&utm_medium=NavBar&utm_content=dns">DNS Monitoring</a></li>
105-
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/bgp?utm_source=WPT&utm_medium=NavBar&utm_content=bgp">BGP Monitoring</a></li>
106-
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/network-experience/cdn?utm_source=WPT&utm_medium=NavBar&utm_content=cdn">CDN Monitoring</a></li>
107-
</ul>
99+
<div class="wptheader_nav_menu_section nested secondary_underline">
100+
<p class="wptheader_nav_title">By Team</p>
101+
<ul>
102+
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/website-experience/web-teams?utm_source=wpt&utm_medium=navbar&utm_content=webteams">Web/SEO Teams</a></li>
103+
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/website-experience/it-teams?utm_source=WPT&utm_medium=NavBar&utm_content=ItTeams">IT/DevOps Teams</a></li>
104+
</ul>
105+
<p class="wptheader_nav_title">By Use Case</p>
106+
<ul>
107+
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/real-user-monitoring?utm_source=WPT&utm_medium=NavBar&utm_content=rum">Real User Monitoring (RUM)</a></li>
108+
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/application-experience/api-monitoring?utm_source=WPT&utm_medium=NavBar&utm_content=apiMonitoring">API Monitoring</a></li>
109+
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/network-experience/dns?utm_source=WPT&utm_medium=NavBar&utm_content=dns">DNS Monitoring</a></li>
110+
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/bgp?utm_source=WPT&utm_medium=NavBar&utm_content=bgp">BGP Monitoring</a></li>
111+
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/network-experience/cdn?utm_source=WPT&utm_medium=NavBar&utm_content=cdn">CDN Monitoring</a></li>
112+
<li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/website-experience/website-performance-monitoring?utm_source=WPT&utm_medium=NavBar&utm_content=websitePerformanceMonitoring">Website Performance Monitoring</a></li>
113+
</ul>
108114
</div>
109115
</div>
110116
</details>
@@ -169,7 +175,7 @@ function addTab($tabName, $tabUrl, $addClass = '')
169175
My Account</a></li>
170176
<li>
171177
<form method='POST' action='/logout' class='logout-form'>
172-
<input type="hidden" name="csrf_token" value="<?php echo $_SESSION['csrf_token'] ?>" />
178+
<input type="hidden" name="csrf_token" value="<?php echo $_SESSION['csrf_token'] ?>" />
173179
<button type='submit'>Logout</button>
174180
</form>
175181
</li>

0 commit comments

Comments
 (0)