vsx: fix inconsistent download-count font-family

Fixes #7423 This commit fixes the inconsistent `font-family` used when displaying the `download-count` when viewing an extension's information. Signed-off-by: Kaiyue Pan <[email protected]>
eclipse-theia · Mar 27, 2020 · 93ab22f · 93ab22f
1 parent 57fcabf
commit 93ab22f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/vsx-registry/src/browser/style/index.css b/packages/vsx-registry/src/browser/style/index.css
@@ -92,11 +92,11 @@
     font-size: 80%;
 }
 
-
 .theia-vsx-extension-content .title .stat .average-rating > i {
     color: #ff8e00;
 }
 
+.theia-vsx-extension-editor .download-count > i,
 .theia-vsx-extension-content .title .stat .average-rating > i,
 .theia-vsx-extension-content .title .stat .download-count > i {
     padding-right: calc(var(--theia-ui-padding)/2);

diff --git a/packages/vsx-registry/src/browser/vsx-extension.tsx b/packages/vsx-registry/src/browser/vsx-extension.tsx
@@ -369,7 +369,8 @@ export class VSXExtensionEditorComponent extends AbstractVSXExtensionComponent {
                             {this.renderNamespaceAccess()}
                             {publisher}
                         </span>
-                        {downloadCount && <span className='fa fa-download download-count' onClick={this.openExtension}>{downloadFormatter.format(downloadCount)}</span>}
+                        {downloadCount && <span className='download-count' onClick={this.openExtension}>
+                            <i className="fa fa-download" />{downloadFormatter.format(downloadCount)}</span>}
                         {averageRating && <span className='average-rating' onClick={this.openAverageRating}>{this.renderStars()}</span>}
                         {repository && <span className='repository' onClick={this.openRepository}>Repository</span>}
                         {license && <span className='license' onClick={this.openLicense}>{license}</span>}