diff options
| -rw-r--r-- | changelogs/unreleased/27580-fix-show-go-back.yml | 4 | ||||
| -rw-r--r-- | public/404.html | 16 | ||||
| -rw-r--r-- | public/422.html | 17 | ||||
| -rw-r--r-- | public/500.html | 16 | ||||
| -rw-r--r-- | public/502.html | 16 | ||||
| -rw-r--r-- | public/503.html | 16 |
6 files changed, 80 insertions, 5 deletions
diff --git a/changelogs/unreleased/27580-fix-show-go-back.yml b/changelogs/unreleased/27580-fix-show-go-back.yml new file mode 100644 index 00000000000..c7dbbe7a236 --- /dev/null +++ b/changelogs/unreleased/27580-fix-show-go-back.yml @@ -0,0 +1,4 @@ +--- +title: Shows 'Go Back' link only when browser history is available +merge_request: 9017 +author: diff --git a/public/404.html b/public/404.html index b3b3a0fa3f3..03e98e81862 100644 --- a/public/404.html +++ b/public/404.html @@ -57,6 +57,11 @@ .container { margin: auto 20px; } + + .go-back { + display: none; + } + </style> </head> @@ -71,7 +76,16 @@ <hr /> <p>Make sure the address is correct and that the page hasn't moved.</p> <p>Please contact your GitLab administrator if you think this is a mistake.</p> - <a href="javascript:history.back()">Go back</a> + <a href="javascript:history.back()" class="js-go-back go-back">Go back</a> </div> + <script> + (function () { + var goBack = document.querySelector('.js-go-back'); + + if (history.length > 1) { + goBack.style.display = 'inline'; + } + })(); + </script> </body> </html> diff --git a/public/422.html b/public/422.html index 119e54ad8bd..49ebbe40f39 100644 --- a/public/422.html +++ b/public/422.html @@ -57,6 +57,11 @@ .container { margin: auto 20px; } + + .go-back { + display: none; + } + </style> </head> @@ -71,7 +76,17 @@ <hr /> <p>Make sure you have access to the thing you tried to change.</p> <p>Please contact your GitLab administrator if you think this is a mistake.</p> - <a href="javascript:history.back()">Go back</a> + <a href="javascript:history.back()" class="js-go-back go-back">Go back</a> </div> + <script> + (function () { + var goBack = document.querySelector('.js-go-back'); + + if (history.length > 1) { + goBack.style.display = 'inline'; + } + })(); + + </script> </body> </html> diff --git a/public/500.html b/public/500.html index 226ef3c40ea..516920f7471 100644 --- a/public/500.html +++ b/public/500.html @@ -57,6 +57,11 @@ .container { margin: auto 20px; } + + .go-back { + display: none; + } + </style> </head> @@ -71,7 +76,16 @@ <hr /> <p>Try refreshing the page, or going back and attempting the action again.</p> <p>Please contact your GitLab administrator if this problem persists.</p> - <a href="javascript:history.back()">Go back</a> + <a href="javascript:history.back()" class="js-go-back go-back">Go back</a> </div> + <script> + (function () { + var goBack = document.querySelector('.js-go-back'); + + if (history.length > 1) { + goBack.style.display = 'inline'; + } + })(); + </script> </body> </html> diff --git a/public/502.html b/public/502.html index f037b81bace..189458c9816 100644 --- a/public/502.html +++ b/public/502.html @@ -57,6 +57,11 @@ .container { margin: auto 20px; } + + .go-back { + display: none; + } + </style> </head> @@ -71,7 +76,16 @@ <hr /> <p>Try refreshing the page, or going back and attempting the action again.</p> <p>Please contact your GitLab administrator if this problem persists.</p> - <a href="javascript:history.back()">Go back</a> + <a href="javascript:history.back()" class="js-go-back go-back">Go back</a> </div> + <script> + (function () { + var goBack = document.querySelector('.js-go-back'); + + if (history.length > 1) { + goBack.style.display = 'inline'; + } + })(); + </script> </body> </html> diff --git a/public/503.html b/public/503.html index f946a087871..b09b0e2a67e 100644 --- a/public/503.html +++ b/public/503.html @@ -57,6 +57,11 @@ .container { margin: auto 20px; } + + .go-back { + display: none; + } + </style> </head> @@ -71,7 +76,16 @@ <hr /> <p>Try refreshing the page, or going back and attempting the action again.</p> <p>Please contact your GitLab administrator if this problem persists.</p> - <a href="javascript:history.back()">Go back</a> + <a href="javascript:history.back()" class="js-go-back go-back">Go back</a> </div> + <script> + (function () { + var goBack = document.querySelector('.js-go-back'); + + if (history.length > 1) { + goBack.style.display = 'inline'; + } + })(); + </script> </body> </html> |