diff options
author | Stas Vilchik <vilchiks@gmail.com> | 2016-04-20 16:32:47 +0200 |
---|---|---|
committer | Stas Vilchik <vilchiks@gmail.com> | 2016-04-20 16:32:47 +0200 |
commit | 2c9743405cfe53eb24f49216cc6209145ecf1d37 (patch) | |
tree | 1524cba3707b6ce788bce4764e0fcfcc075b7b5e /server | |
parent | b497793da61aae73b86a76b31cfd14ca14d998d2 (diff) | |
download | sonarqube-2c9743405cfe53eb24f49216cc6209145ecf1d37.tar.gz sonarqube-2c9743405cfe53eb24f49216cc6209145ecf1d37.zip |
SONAR-7374 Improve the UI when component viewer is loading source code
Diffstat (limited to 'server')
-rw-r--r-- | server/sonar-web/src/main/js/components/source-viewer/templates/source-viewer.hbs | 10 | ||||
-rw-r--r-- | server/sonar-web/src/main/less/components/source.less | 16 |
2 files changed, 24 insertions, 2 deletions
diff --git a/server/sonar-web/src/main/js/components/source-viewer/templates/source-viewer.hbs b/server/sonar-web/src/main/js/components/source-viewer/templates/source-viewer.hbs index d5ac6aed718..82df2448ac3 100644 --- a/server/sonar-web/src/main/js/components/source-viewer/templates/source-viewer.hbs +++ b/server/sonar-web/src/main/js/components/source-viewer/templates/source-viewer.hbs @@ -5,7 +5,10 @@ {{#if exist}} {{#if hasSourceBefore}} - <i class="spinner js-component-viewer-source-before"></i> + <div class="source-viewer-more-code"> + <i class="spinner js-component-viewer-source-before"></i> + <span class="note spacer-left">{{t 'source_viewer.loading_more_code'}}</span> + </div> {{/if}} <table class="source-table"> @@ -86,7 +89,10 @@ </table> {{#if hasSourceAfter}} - <i class="spinner js-component-viewer-source-after"></i> + <div class="source-viewer-more-code"> + <i class="spinner js-component-viewer-source-after"></i> + <span class="note spacer-left">{{t 'source_viewer.loading_more_code'}}</span> + </div> {{/if}} {{else}} diff --git a/server/sonar-web/src/main/less/components/source.less b/server/sonar-web/src/main/less/components/source.less index 5fb2928f08a..ff3050f7493 100644 --- a/server/sonar-web/src/main/less/components/source.less +++ b/server/sonar-web/src/main/less/components/source.less @@ -500,3 +500,19 @@ display: none; } } + +.source-viewer-more-code { + padding: 40px 0; + border-bottom: 1px solid @barBorderColor; + background-color: @barBackgroundColor; + text-align: center; + + .spinner { + top: -1px; + } + + .source-table + & { + border-bottom: none; + border-top: 1px solid @barBorderColor; + } +} |