eclipse-theia/theia

Font-awesome icons in statusbar with zoomlevel have too big bounding box

Open

#6028 aperta il 23 ago 2019

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (2478 fork)batch import
bughelp wantedshell

Metriche repository

Star
 (18.676 star)
Metriche merge PR
 (Merge medio 15g 4h) (75 PR mergiate in 30 g)

Descrizione

Description

If one adds an entry with text only an icon to the status bar with a zoomlevel that is not 100% the bounding box is way too big: Screenshot from 2019-08-23 15-06-13 It should normally look like this: Screenshot from 2019-08-23 15-13-27

Reproduction Steps

Add an entry to the status bar:

this.statusbar.setElement('compile-status', {
  alignment: StatusBarAlignment.LEFT,
  priority: 5,
  text: `$(check)`,
  tooltip: 'Compilation finished',
  onclick: () => this.front.shell.revealWidget(compilerWidgetId)
})

OS and Theia version: ubuntu 18.04 LTS, Theia 0.9.0-next.7fe439a3

Diagnostics: Changing the zoomlevel to 100% after adding it to the statusbar does not fix the problem, but zooming out after it was added does cause it.

Guida contributor

Direzione di ricerca
Ispeziona gli stili CSS per gli elementi icona della barra di stato quando cambia il livello di zoom. Traccia come viene calcolato il riquadro di delimitazione e assicurati che rispetti la dimensione effettiva dell'icona.
Tech stack
typescript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
TypeScriptCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75