Change back link text

usdigitalresponse · Mar 8, 2024 · fc10870 · fc10870
1 parent 67fd163
commit fc10870
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 7 deletions.
diff --git a/packages/client/src/App.vue b/packages/client/src/App.vue
@@ -14,7 +14,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import '../scss/custom.scss';
+@import '@/scss/custom.scss';
 
 #app {
   -webkit-font-smoothing: antialiased;

diff --git a/packages/client/src/components/SearchFilter.vue b/packages/client/src/components/SearchFilter.vue
@@ -72,7 +72,7 @@ export default {
 
 </script>
 <style lang="scss">
-@import '../../scss/colors-semantic-tokens.scss';
+@import '@/scss/colors-semantic-tokens.scss';
 
 .inactiveLink {
   pointer-events: none;

diff --git a/packages/client/scss/colors-base-tokens.scss → ...s/client/src/scss/colors-base-tokens.scss b/packages/client/scss/colors-base-tokens.scss → ...s/client/src/scss/colors-base-tokens.scss
diff --git a/...s/client/scss/colors-semantic-tokens.scss → ...ient/src/scss/colors-semantic-tokens.scss b/...s/client/scss/colors-semantic-tokens.scss → ...ient/src/scss/colors-semantic-tokens.scss
@@ -69,4 +69,7 @@ $interactive-active: $raw-blue-50;
 // TEXT
 $text-primary: $raw-gray-700;
 $text-secondary: $raw-gray-600;
-$text-placeholder: $raw-gray-500;
+$text-placeholder: $raw-gray-500;
+
+// LINKS
+$link-back: $raw-gray-500;
diff --git a/packages/client/scss/custom.scss → packages/client/src/scss/custom.scss b/packages/client/scss/custom.scss → packages/client/src/scss/custom.scss
diff --git a/packages/client/scss/fonts.scss → packages/client/src/scss/fonts.scss b/packages/client/scss/fonts.scss → packages/client/src/scss/fonts.scss
diff --git a/packages/client/src/views/GrantDetails.vue b/packages/client/src/views/GrantDetails.vue
@@ -10,7 +10,7 @@
       <div class="grant-details-container">
         <div class="grant-details-back-link">
           <router-link v-if="isFirstPageLoad" :to="{ name: 'grants' }">Browse Grants</router-link>
-          <a href="#" @click="$router.back()" v-else>Back to Results</a>
+          <a href="#" @click="$router.back()" v-else>Back</a>
         </div>
         <!-- Left page column: headline -->
         <h2 class="grant-details-headline m-0">{{ selectedGrant.title }}</h2>
@@ -444,7 +444,8 @@ export default {
 };
 </script>
 
-<style lang="css">
+<style lang="scss">
+@import '@/scss/colors-semantic-tokens.scss';
 
 .grant-details-container {
   padding-right: 80px;
@@ -463,9 +464,9 @@ export default {
     margin-top: 24px;
     font-size: 14px;
     font-weight: 700;
-    color: #6D7278;
+    color: $link-back;
     a {
-      color: #6D7278;
+      color: $link-back;
       cursor: pointer;
       &::hover {
         text-decoration: underline;