fix: set display: block on plugin icon pseudo-element (#13096)

Fix the icon pseudo-element being displayed as `inline` by default. This meant that the `width` and `height` properties were being ignored and the icons displayed with 0 width. Also fix css syntax for `width` and `height` properties. Signed-off-by: Beniamino Ventura <[email protected]>
eclipse-theia · Nov 26, 2023 · 2f4addb · 2f4addb
1 parent 6004188
commit 2f4addb
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/plugin-ext/src/main/browser/plugin-shared-style.ts b/packages/plugin-ext/src/main/browser/plugin-shared-style.ts
@@ -125,8 +125,9 @@ export class PluginSharedStyle {
             toDispose.push(this.insertRule('.' + iconClass + '::before', theme => `
                     content: "";
                     background-position: 2px;
-                    width: ${size}'px';
-                    height: ${size}'px';
+                    display: block;
+                    width: ${size}px;
+                    height: ${size}px;
                     background: center no-repeat url("${theme.type === 'light' ? lightIconUrl : darkIconUrl}");
                     background-size: ${size}px;
                 `));