From 37e8d5b13f7fef0fd8fd80eb6726755d5162149d Mon Sep 17 00:00:00 2001 From: Rebecca Hollis Date: Thu, 3 Dec 2020 16:57:03 -0500 Subject: [PATCH] updated help window html and assigned themed colors for chevrons --- src/assets/images/chevron-down-dark.svg | 2 +- src/assets/images/chevron-down-light.svg | 2 +- src/assets/images/chevron-up-dark.svg | 2 +- src/assets/images/chevron-up-light.svg | 2 +- src/assets/pages/help-about.html | 18 +++++++-------- src/assets/pages/help-categories.html | 24 ++------------------ src/assets/pages/help-resources.html | 24 ++------------------ src/assets/pages/help-searches.html | 24 ++------------------ src/assets/pages/help-updates.html | 24 ++------------------ src/assets/pages/resources-landing-page.html | 8 +++---- src/assets/pages/styles/theme-base.scss | 12 +++++----- 11 files changed, 31 insertions(+), 111 deletions(-) diff --git a/src/assets/images/chevron-down-dark.svg b/src/assets/images/chevron-down-dark.svg index cdf32e4..a5a5d5c 100644 --- a/src/assets/images/chevron-down-dark.svg +++ b/src/assets/images/chevron-down-dark.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/images/chevron-down-light.svg b/src/assets/images/chevron-down-light.svg index 0a3d2f3..98ac8f7 100644 --- a/src/assets/images/chevron-down-light.svg +++ b/src/assets/images/chevron-down-light.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/images/chevron-up-dark.svg b/src/assets/images/chevron-up-dark.svg index 31865de..815b0fd 100644 --- a/src/assets/images/chevron-up-dark.svg +++ b/src/assets/images/chevron-up-dark.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/images/chevron-up-light.svg b/src/assets/images/chevron-up-light.svg index 1a4d705..86d240a 100644 --- a/src/assets/images/chevron-up-light.svg +++ b/src/assets/images/chevron-up-light.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/pages/help-about.html b/src/assets/pages/help-about.html index 6bbdc0b..45ffdf3 100644 --- a/src/assets/pages/help-about.html +++ b/src/assets/pages/help-about.html @@ -1,12 +1,12 @@ -
-

About the Resource Center

-

-

You rely on a vast amount of resources to do your job. How can you keep track of them all? -

-

Explore the Resource Center. -

-

From accounting to workflows, this desktop application can help you find the resources you need.

-
+
+

About the Resource Center

+

+

You rely on a vast amount of resources to do your job. How can you keep track of them all? +

+

Explore the Resource Center. +

+

From accounting to workflows, this desktop application can help you find the resources you need.

+
\ No newline at end of file diff --git a/src/assets/pages/help-categories.html b/src/assets/pages/help-categories.html index b1493a7..bac8255 100644 --- a/src/assets/pages/help-categories.html +++ b/src/assets/pages/help-categories.html @@ -1,18 +1,6 @@ - - - - Help Menu: Categories - - - - - - - - -
+

Categories

What are categories? @@ -20,13 +8,5 @@

JDSfaulkner has so many helpful resources available to employees that it might be overwhelming to see them all at once. That's why this application categorizes them into topics.

Click a category in the main workspace to expand a section and view all the related resources. With a section expanded, you can navigate more easily using the scrollbar on the right or by clicking a category heading in the left sidebar.

-

-

Back to main

-
- - - - - - +
\ No newline at end of file diff --git a/src/assets/pages/help-resources.html b/src/assets/pages/help-resources.html index c9e1b0e..59d7063 100644 --- a/src/assets/pages/help-resources.html +++ b/src/assets/pages/help-resources.html @@ -1,18 +1,6 @@ - - - - Help Menu: Resources - - - - - - - - -
+

Resources

We get it. Resources can mean many things to many people.

@@ -20,13 +8,5 @@

When it comes to the Resource Center, resources are digital files, storage systems, software and websites that help you do your job.

The company's top managers decided to create the Resource Center to help new and existing employees become oriented and familiar with the many tools available to them.

-

-

Back to main

-
- - - - - - +
\ No newline at end of file diff --git a/src/assets/pages/help-searches.html b/src/assets/pages/help-searches.html index e09b987..2e3fc6d 100644 --- a/src/assets/pages/help-searches.html +++ b/src/assets/pages/help-searches.html @@ -1,18 +1,6 @@ - - - - Help Menu: Searches - - - - - - - - -
+

Searches

Save time. Simplify your searches. @@ -20,13 +8,5 @@

Finding resources that meet your criteria is easy when you use the search tool. At the top of your workspace, type a search term in the rounded search bar. Click "enter" on your keyboard, or click the search icon, and matching results populate your workspace.

Voilá — helpful resources at your fingertips.

-

Back to main

-
- - - - - - - +
\ No newline at end of file diff --git a/src/assets/pages/help-updates.html b/src/assets/pages/help-updates.html index efdbe72..f33c609 100644 --- a/src/assets/pages/help-updates.html +++ b/src/assets/pages/help-updates.html @@ -1,18 +1,6 @@ - - - - Help Menu: Updates - - - - - - - - -
+

Updates

Occasionally, you might see computer code moving across your screen for a few seconds after opening the Resource Center.

@@ -20,13 +8,5 @@

What is going on? An update.

Developers send updates periodically to improve functionality. If you have a reliable internet connection, updates should occur quickly and automatically.

-

Back to main

-
- - - - - - - +
\ No newline at end of file diff --git a/src/assets/pages/resources-landing-page.html b/src/assets/pages/resources-landing-page.html index 7fbad84..8687dc3 100644 --- a/src/assets/pages/resources-landing-page.html +++ b/src/assets/pages/resources-landing-page.html @@ -27,10 +27,10 @@
About the Resource Center - Searches - Categories - Resources - Updates + Searches + Categories + Resources + Updates
diff --git a/src/assets/pages/styles/theme-base.scss b/src/assets/pages/styles/theme-base.scss index 5187649..b041e66 100644 --- a/src/assets/pages/styles/theme-base.scss +++ b/src/assets/pages/styles/theme-base.scss @@ -163,7 +163,7 @@ body { left: 0; right: 0; bottom: 0; - background-color: rgba(0,0,0,0.5); /* Black background with opacity */ + background-color: rgba(0,0,0,0.7); /* Black background with opacity */ z-index: 2000; /* Specify a stack order in case you're using a different order for other elements */ cursor: pointer; /* Add a pointer on hover */ } @@ -192,10 +192,10 @@ body { .overlay-content{ position: fixed; /* Sit on top of the page content */ - width: 50%; /* Full width (cover the whole page) */ - height: 50%; /* Full height (cover the whole page) */ - top: 25%; - left: 25%; - background-color: map-get($theme-colors, secondary); /* Black background with opacity */ + width: 400px; /* Full width (cover the whole page) */ + height: 600px; /* Full height (cover the whole page) */ + top: 5%; + right: 25%; + background-color: map-get($theme-colors, sidebarfill); /* Black background with opacity */ cursor: pointer; /* Add a pointer on hover */ } \ No newline at end of file