Bläddra i källkod

Better links when an error occurs

Gaël Métais 10 år sedan
förälder
incheckning
5330f0f8e2

+ 0 - 12
front/src/css/dashboard.css

@@ -146,18 +146,6 @@
 .summary .fromShare {
   margin-bottom: 3em;
 }
-.summary .fromShare a {
-  font-size: 1em;
-  padding: 0.3em 0.5em;
-  margin: 0.5em;
-  line-height: 2em;
-  border: 0 solid;
-  border-radius: 0.5em;
-  box-shadow: 0.1em 0.2em 0 0 #5e2846;
-  background: #e74c3c;
-  color: #fff;
-  text-decoration: none;
-}
 .summary .apiTip {
   font-size: 0.8em;
   margin-bottom: 4em;

+ 12 - 0
front/src/css/main.css

@@ -113,6 +113,18 @@ h1 span {
   margin-top: 4em;
   color: black;
 }
+a.linkButton {
+  font-size: 1em;
+  padding: 0.3em 0.5em;
+  margin: 0.5em;
+  line-height: 2em;
+  border: 0 solid;
+  border-radius: 0.5em;
+  box-shadow: 0.1em 0.2em 0 0 #5e2846;
+  background: #e74c3c;
+  color: #fff;
+  text-decoration: none;
+}
 .screenshotWrapper.desktop {
   display: inline-block;
   position: relative;

+ 0 - 3
front/src/css/queue.css

@@ -6,6 +6,3 @@
   font-size: 0.8em;
   margin-bottom: 6em;
 }
-.queueLink {
-  color: #FFF;
-}

+ 0 - 12
front/src/less/dashboard.less

@@ -142,18 +142,6 @@
 
 .summary .fromShare {
     margin-bottom: 3em;
-    a {
-        font-size: 1em;
-        padding: 0.3em 0.5em;
-        margin: 0.5em;
-        line-height: 2em;
-        border: 0 solid;
-        border-radius: 0.5em;
-        box-shadow: 0.1em 0.2em 0 0 #5e2846;
-        background: #e74c3c;
-        color: #fff;
-        text-decoration: none;
-    }
 }
 
 .summary .apiTip {

+ 13 - 0
front/src/less/main.less

@@ -112,6 +112,19 @@ h1 span {
     }
 }
 
+a.linkButton {
+    font-size: 1em;
+    padding: 0.3em 0.5em;
+    margin: 0.5em;
+    line-height: 2em;
+    border: 0 solid;
+    border-radius: 0.5em;
+    box-shadow: 0.1em 0.2em 0 0 #5e2846;
+    background: #e74c3c;
+    color: #fff;
+    text-decoration: none;
+}
+
 
 .screenshotWrapper.desktop {
     display: inline-block;

+ 0 - 4
front/src/less/queue.less

@@ -6,8 +6,4 @@
 .statusSubMessage {
     font-size: 0.8em;
     margin-bottom: 6em;
-}
-
-.queueLink {
-    color: #FFF;
 }

+ 2 - 2
front/src/views/dashboard.html

@@ -60,8 +60,8 @@
 
     <div class="fromShare" ng-if="!error && fromSocialShare">
         <p>Yellow Lab Tools is a free online tool that analyzes performance and front-end quality.</p>
-        <a href="" ng-click="seeFullReport()">See the full report for this page</a>
-        <a href="/">Test another webpage</a>
+        <a class="linkButton" href="" ng-click="seeFullReport()">See the full report for this page</a>
+        <a class="linkButton" href="/">Test another webpage</a>
     </div>
 
     <div ng-if="error">

+ 3 - 2
front/src/views/queue.html

@@ -3,8 +3,9 @@
 <div ng-if="status.statusCode == 'failed'">
     <div class="status">Test failed</div>
     <p class="statusSubMessage">{{status.error}}</p>
-    <p><a class="queueLink" href="https://github.com/gmetais/YellowLabTools/issues" target="_blank">Report a bug on GitHub</a></p>
-    <p><a class="queueLink" href="/">Back to index</a></p>
+    
+    <a class="linkButton" href="https://github.com/gmetais/YellowLabTools/issues" target="_blank">Report the issue on GitHub</a>
+    <a class="linkButton" href="/">New test</a>
 </div>
 <div ng-if="status.statusCode == 'awaiting'">
     <div class="status">