Add number overlay style.

This commit is contained in:
franglais125
2017-06-07 12:44:11 -04:00
parent 393d91940f
commit 0fb0427a82
2 changed files with 8 additions and 4 deletions

View File

@@ -710,7 +710,7 @@ const taskbarAppIcon = new Lang.Class({
x_align: St.Align.START, y_align: St.Align.START,
x_expand: true, y_expand: true
});
this._numberOverlayStyle = 'background-color: rgba(0,0,0,0.8);'
this._numberOverlayLabel.add_style_class_name('number-overlay');
this._numberOverlayOrder = -1;
this._numberOverlayBin.hide();
@@ -729,9 +729,7 @@ const taskbarAppIcon = new Lang.Class({
let font_size = Math.round(Math.max(12, 0.3*natWidth) / scaleFactor);
let size = Math.round(font_size*1.2);
this._numberOverlayLabel.set_style(
this._numberOverlayStyle +
'font-size: ' + font_size + 'px;' +
'text-align: center;' +
'border-radius: ' + this.icon.iconSize + 'px;' +
'width: ' + size + 'px; height: ' + size +'px;'
);

View File

@@ -83,4 +83,10 @@
.showdesktop-button-hovered {
background-color: rgba(200, 200, 200, .4);
}
}
.number-overlay {
background-color: rgba(0,0,0,0.8);
color: rgba(256, 256, 256, 1);
text-align: center;
}