mitch/gnome-shell-teatime
1
0
Fork 0
mirror of https://github.com/oleid/gnome-shell-teatime.git synced 2022-04-29 18:53:50 +00:00
Code Issues Projects Releases Wiki Activity

Fix vertical squashing of the panel icons

Browse Source 
The teapot and especially the progress circle icon in the panel are
squashed with GNOME-3.32. The problem appears to be that the padding
which we are requesting gets applied not only to the surface-size
which we are being passed (which is 20 px wide for our 24 px size),
but gets applied a second time using scaling squashing the image
and making the progress circle non round.

This commit fixes this by removing the padding, as gnome shell
automatically adds plenty of padding and directly requesting 20x20 as
surface size, which results in a 20x27 surface as we are given the full
height of the panel as height, but our own padding code takes care of
that.

Signed-off-by: Hans de Goede <hdegoede@redhat.com>
This commit is contained in:
Hans de Goede 2019-05-07 10:35:15 +02:00
parent 1beccddc5a
commit 5cb25b44eb
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/extension.js
View File

@ -173,7 +173,7 @@ var TeaTime = class extends PanelMenu.Button {
this._settings = Utils.getSettings(); this._settings = Utils.getSettings();
this._logo = new Icon.TwoColorIcon(24, Icon.TeaPot); this._logo = new Icon.TwoColorIcon(20, Icon.TeaPot);
// set timer widget // set timer widget
this._textualTimer = new St.Label({ this._textualTimer = new St.Label({
@ -181,7 +181,7 @@ var TeaTime = class extends PanelMenu.Button {
x_align: Clutter.ActorAlign.END, x_align: Clutter.ActorAlign.END,
y_align: Clutter.ActorAlign.CENTER y_align: Clutter.ActorAlign.CENTER
}); });
this._graphicalTimer = new Icon.TwoColorIcon(24, Icon.Pie); this._graphicalTimer = new Icon.TwoColorIcon(20, Icon.Pie);
this.actor.add_actor(this._logo); this.actor.add_actor(this._logo);
this.actor.add_style_class_name('panel-status-button'); this.actor.add_style_class_name('panel-status-button');

2
src/icon.js
View File

@ -20,7 +20,7 @@ var TwoColorIcon = class extends St.DrawingArea {
constructor(size, drawingObject) { constructor(size, drawingObject) {
super({ super({
reactive: true, reactive: true,
style: 'padding: 0px 2px' style: 'padding: 0px 0px'
}); });
this.myinit = function () { this.myinit = function () {
this._base_size = size; this._base_size = size;