Skip to content

Commit c0290a1

Browse files
kimsaucekimsauce
committed
Align footer and header with sumologic.com
1 parent 241bd4e commit c0290a1

File tree

4 files changed

+60
-104
lines changed

4 files changed

+60
-104
lines changed

‎docusaurus.config.js‎

Lines changed: 11 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -415,30 +415,8 @@ module.exports = {
415415
{
416416
position: 'right',
417417
className: 'support-menu-trigger',
418-
to: '#',
419-
type: 'dropdown',
420-
items: [
421-
{
422-
label: 'Contact Support',
423-
to: 'https://support.sumologic.com/support/s',
424-
icon: 'support',
425-
},
426-
{
427-
label: 'Request a Demo',
428-
to: 'https://www.sumologic.com/demos',
429-
icon: 'co_present',
430-
},
431-
{
432-
label: 'Submit Feedback',
433-
to: 'https://github.com/SumoLogic/sumologic-documentation/issues/new/choose',
434-
icon: 'thumbs_up_down',
435-
},
436-
{
437-
label: 'Contribute to Docs',
438-
to: 'docs/contributing',
439-
icon: 'edit_note',
440-
},
441-
],
418+
to: 'https://support.sumologic.com/support/s',
419+
alt: 'Link to Sumo Logic Support',
442420
},
443421
{
444422
className: 'header-github-link',
@@ -462,8 +440,8 @@ module.exports = {
462440
href: 'https://www.sumologic.com/events/',
463441
},
464442
{
465-
label: 'Request a Demo',
466-
href: 'https://www.sumologic.com/request-demo',
443+
label: 'Sumo Logic Blog',
444+
href: 'https://www.sumologic.com/blog',
467445
},
468446
],
469447
title: 'Learn',
@@ -488,19 +466,19 @@ module.exports = {
488466
{
489467
items: [
490468
{
491-
label: 'Docs GitHub',
492-
href: 'https://github.com/SumoLogic/sumologic-documentation',
469+
label: 'Contribute to Docs',
470+
to: 'docs/contributing',
493471
},
494472
{
495-
label: 'Sumo Logic GitHub',
496-
href: 'https://github.com/SumoLogic',
473+
label: 'Submit Feedback',
474+
href: 'https://github.com/SumoLogic/sumologic-documentation/issues/new/choose',
497475
},
498476
{
499-
label: 'Sumo Labs Projects',
500-
href: 'https://github.com/SumoLogic-Labs',
477+
label: 'Request Demo',
478+
href: 'https://www.sumologic.com/request-demo',
501479
},
502480
],
503-
title: 'Open Source',
481+
title: 'More',
504482
},
505483
],
506484
copyright: `Copyright © ${new Date().getFullYear()} by Sumo Logic, Inc.`,

‎src/css/sumo.scss‎

Lines changed: 7 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -253,95 +253,39 @@ html[data-theme='light'] {
253253
}
254254

255255

256-
/* General styling for the Support dropdown button */
256+
/* Styling for Support button */
257257
.support-menu-trigger {
258258
display: flex;
259259
align-items: center;
260260
cursor: pointer;
261-
color: white !important; /* Text color should be white */
261+
color: white !important;
262262
border: 1px solid rgba(255, 255, 255, 0.2); /* Border matching the style */
263263
border-radius: 3px;
264264
padding: 5px 15px;
265265
font-size: 13px;
266266
font-weight: 600;
267267
background-color: #2c3e50; /* Dark background color similar to "Demo" */
268-
margin-left: 8px; /* Space between text and the arrow */
268+
margin-left: 8px; /* Space after "Start free trial" */
269269
}
270270

271-
/* Add hover effect similar to the "Demo" button */
271+
/* Hover effect similar to "Demo" button */
272272
.support-menu-trigger:hover {
273273
background-color: #34495e; /* Slightly lighter on hover */
274274
border-color: rgba(255, 255, 255, 0.5); /* Change border color on hover */
275275
}
276276

277-
/* Add the button text using ::before if not present */
278277
.support-menu-trigger::before {
279-
content: 'Support'; /* Replace with your desired text */
278+
content: 'Support';
280279
font-size: 13px;
281-
color: white; /* Set the text color to white */
282-
margin-right: 8px; /* Space between text and the arrow */
283-
}
284-
285-
/* Styling the arrow (SVG) */
286-
.support-menu-trigger svg {
287-
width: 9px;
288-
height: 6px;
289-
fill: none;
290-
stroke: white; /* Make the arrow white by default */
291-
}
292-
293-
/* Media query for light mode */
294-
@media (prefers-color-scheme: light) {
295-
.support-menu-trigger {
296-
stroke: white;
297-
}
298-
}
299-
300-
/* Media query for dark mode */
301-
@media (prefers-color-scheme: dark) {
302-
.support-menu-trigger svg {
303-
stroke: white; /* Ensure the arrow is white for dark mode */
304-
}
305-
}
306-
307-
/* Style the dropdown wrapper */
308-
.support-menu-wrapper {
309-
display: none;
310-
flex-direction: column;
311-
position: absolute;
312-
background-color: #34495e; /* Background color for dropdown */
313-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
314-
border-radius: 4px;
315-
margin-top: 8px;
316-
}
317-
318-
/* Show the dropdown when open */
319-
.support-menu[open] .support-menu-wrapper {
320-
display: flex;
321-
}
322-
323-
/* Dropdown option styling */
324-
.support-option {
325-
padding: 5px 10px;
326280
color: white;
327-
cursor: pointer;
328-
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
281+
margin-left: 8px;
282+
margin-right: 8px;
329283
}
330284

331285
.support-option:hover {
332286
background-color: #2c3e50;
333287
}
334288

335-
/* SVG icon in each option */
336-
.support-option .support-icon svg {
337-
width: 16px;
338-
height: 18px;
339-
fill: none;
340-
stroke: white;
341-
margin-right: 8px;
342-
}
343-
344-
345289

346290
//Free Trial nav button
347291
.header-trial:hover {

‎src/theme/Admonition/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ function WarningIcon() {
5555
}
5656
function SumoIcon() {
5757
return (
58-
<img src="/img/reuse/sumo-square.png" width="25"/>
58+
<img src="/img/reuse/sumo-square.png" width="25" alt="Sumo Logic square icon"/>
5959
)
6060
}
6161
// eslint-disable-next-line @typescript-eslint/consistent-indexed-object-style

‎src/theme/Footer/index.tsx‎

Lines changed: 41 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,8 @@ import {
1616
faXTwitter,
1717
faYoutube,
1818
faLinkedinIn,
19+
faGithub,
20+
faSquareFacebook,
1921
} from '@fortawesome/free-brands-svg-icons';
2022
import { Stack } from '@mui/system';
2123
import {
@@ -135,6 +137,20 @@ export const Footer = () => {
135137
}}
136138
>
137139
{[
140+
{
141+
alt: 'Sumo Logic GitHub',
142+
color: '#e3e3e3',
143+
href: 'https://github.com/SumoLogic',
144+
'aria-label': 'Sumo Logic GitHub',
145+
icon: faGithub,
146+
size: 'lg',
147+
sx: {
148+
cursor: 'pointer',
149+
'&:hover': {
150+
color: '#0045BE',
151+
},
152+
}
153+
},
138154
{
139155
alt: 'Sumo Logic YouTube',
140156
color: '#e3e3e3',
@@ -150,10 +166,24 @@ export const Footer = () => {
150166
}
151167
},
152168
{
153-
alt: 'Sumo Logic X (formerly known as Twitter)',
169+
alt: 'Sumo Logic LinkedIn',
170+
color: '#e3e3e3',
171+
href: 'https://www.linkedin.com/company/sumo-logic',
172+
'aria-label': 'Sumo Logic LinkedIn',
173+
icon: faLinkedinIn,
174+
size: 'lg',
175+
sx: {
176+
cursor: 'pointer',
177+
'&:hover': {
178+
color: '#0045BE',
179+
},
180+
}
181+
},
182+
{
183+
alt: 'Sumo Logic X (formerly Twitter)',
154184
color: '#e3e3e3',
155185
href: 'https://x.com/SumoLogic',
156-
'aria-label': 'Sumo Logic X (formerly known as Twitter)',
186+
'aria-label': 'Sumo Logic X (formerly Twitter)',
157187
icon: faXTwitter,
158188
size: 'lg',
159189
sx: {
@@ -164,11 +194,11 @@ export const Footer = () => {
164194
}
165195
},
166196
{
167-
alt: 'Sumo Logic LinkedIn',
197+
alt: 'Sumo Logic Facebook',
168198
color: '#e3e3e3',
169-
href: 'https://www.linkedin.com/company/sumo-logic',
170-
'aria-label': 'Sumo Logic LinkedIn',
171-
icon: faLinkedinIn,
199+
href: 'https://www.facebook.com/Sumo.Logic',
200+
'aria-label': 'Sumo Logic Facebook',
201+
icon: faSquareFacebook,
172202
size: 'lg',
173203
sx: {
174204
cursor: 'pointer',
@@ -215,7 +245,11 @@ export const Footer = () => {
215245
{
216246
label: 'Terms of Use',
217247
href: 'https://www.sumologic.com/terms-conditions',
218-
}].map(({ href, label }) => (
248+
},
249+
{
250+
label: 'CA Privacy Notice',
251+
href: 'https://www.sumologic.com/legal/privacy-statement#ca_notice',
252+
},].map(({ href, label }) => (
219253
<Fragment key={href}>
220254
<Link
221255
color='#6c7993'

0 commit comments

Comments
 (0)