Merge pull request #474 from SamR1/update-links-style

Improve links display
2023-12-23 09:33:39 +01:00
parent 9300e3b2f3 cae3bae196
commit c875a07a82
11 changed files with 24 additions and 12 deletions
--- a/fittrackee/dist/index.html
+++ b/fittrackee/dist/index.html
@@ -7,11 +7,11 @@
    <link rel="stylesheet" href="/static/css/fork-awesome.min.css"/>
    <link rel="stylesheet" href="/static/css/leaflet.css"/>
    <title>FitTrackee</title>
-    <script type="module" crossorigin src="/static/index-VyQ6GUuN.js"></script>
+    <script type="module" crossorigin src="/static/index-qKztzqj3.js"></script>
    <link rel="modulepreload" crossorigin href="/static/charts-_RwsDDkL.js">
    <link rel="modulepreload" crossorigin href="/static/maps-ZyuCPqes.js">
    <link rel="stylesheet" crossorigin href="/static/css/maps-B7qTrBCW.css">
-    <link rel="stylesheet" crossorigin href="/static/css/index-USPMbwcT.css">
+    <link rel="stylesheet" crossorigin href="/static/css/index-c_c6nkZl.css">
  </head>
  <body>
    <div id="app"></div>
--- a/fittrackee/dist/static/css/index-USPMbwcT.css
+++ b/fittrackee/dist/static/css/index-USPMbwcT.css
--- a/fittrackee/dist/static/css/index-c_c6nkZl.css
+++ b/fittrackee/dist/static/css/index-c_c6nkZl.css
--- a/fittrackee/dist/static/index-qKztzqj3.js
+++ b/fittrackee/dist/static/index-qKztzqj3.js
--- a/fittrackee_client/src/components/Common/Pagination.vue
+++ b/fittrackee_client/src/components/Common/Pagination.vue
@@ -81,6 +81,10 @@
    justify-content: center;
    font-size: 0.9em;

+    a {
+      text-decoration: none;
+    }
+
    .pagination {
      display: flex;
      padding-left: 0;
--- a/fittrackee_client/src/components/Footer.vue
+++ b/fittrackee_client/src/components/Footer.vue
@@ -51,10 +51,6 @@
    color: var(--footer-color);
    font-size: 0.9em;

-    a {
-      text-decoration: none;
-    }
-
    .footer-items {
      display: flex;
      flex-wrap: wrap;
--- a/fittrackee_client/src/components/NavBar.vue
+++ b/fittrackee_client/src/components/NavBar.vue
@@ -200,6 +200,10 @@
    display: flex;
    padding: 15px 10px;

+    a {
+      text-decoration: none;
+    }
+
    .nav-container {
      display: flex;

--- a/fittrackee_client/src/components/Workout/WorkoutCard.vue
+++ b/fittrackee_client/src/components/Workout/WorkoutCard.vue
@@ -216,6 +216,7 @@
          .workout-user-name {
            white-space: nowrap;
            padding-left: 5px;
+            text-decoration: none;
          }
        }
        .workout-date {
--- a/fittrackee_client/src/scss/base.scss
+++ b/fittrackee_client/src/scss/base.scss
@@ -47,7 +47,12 @@ body {

 a {
  color: var(--app-a-color);
-  text-decoration: none;
+  text-decoration-color: var(--app-a-text-decoration-color);
+
+  &:hover,
+  &:focus {
+    text-decoration-color: var(--app-a-color);
+  }
 }

 img {
--- a/fittrackee_client/src/scss/colors-dark.scss
+++ b/fittrackee_client/src/scss/colors-dark.scss
@@ -6,6 +6,7 @@
  --app-color: var(--light-grey);
  --app-color-light: #6f7070;
  --app-a-color: var(--light-grey);
+  --app-a-text-decoration-color: #494949;
  --app-shadow-color: #383d3f;
  --app-loading-color: #f3f3f3;
  --app-loading-top-color: var(--app-color);
--- a/fittrackee_client/src/scss/colors.scss
+++ b/fittrackee_client/src/scss/colors.scss
@@ -3,6 +3,7 @@
  --app-color: #2c3e50;
  --app-color-light: #6f7070;
  --app-a-color: #40578a;
+  --app-a-text-decoration-color: #d2d2d2;
  --app-shadow-color: lightgrey;
  --app-loading-color: #f3f3f3;
  --app-loading-top-color: var(--app-color);