[AppSwitcher] Update colors/border
Switch from Big.Box to St.Bin and update styling per latest spec https://bugzilla.gnome.org/show_bug.cgi?id=590563
This commit is contained in:
parent
ab1fbbde92
commit
e382da9708
@ -155,3 +155,11 @@ StScrollBar StButton#vhandle:hover
|
|||||||
.calendar-other-month-day {
|
.calendar-other-month-day {
|
||||||
color: #cccccc;
|
color: #cccccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* App Switcher */
|
||||||
|
#appSwitcher {
|
||||||
|
background: rgba(0,0,0,0.8);
|
||||||
|
border: 1px solid rgba(128,128,128,0.40);
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
@ -7,20 +7,18 @@ const Lang = imports.lang;
|
|||||||
const Meta = imports.gi.Meta;
|
const Meta = imports.gi.Meta;
|
||||||
const Pango = imports.gi.Pango;
|
const Pango = imports.gi.Pango;
|
||||||
const Shell = imports.gi.Shell;
|
const Shell = imports.gi.Shell;
|
||||||
|
const St = imports.gi.St;
|
||||||
|
|
||||||
const AppIcon = imports.ui.appIcon;
|
const AppIcon = imports.ui.appIcon;
|
||||||
const Lightbox = imports.ui.lightbox;
|
const Lightbox = imports.ui.lightbox;
|
||||||
const Main = imports.ui.main;
|
const Main = imports.ui.main;
|
||||||
|
|
||||||
const POPUP_BG_COLOR = new Clutter.Color();
|
|
||||||
POPUP_BG_COLOR.from_pixel(0x00000080);
|
|
||||||
const POPUP_APPICON_BORDER_COLOR = new Clutter.Color();
|
const POPUP_APPICON_BORDER_COLOR = new Clutter.Color();
|
||||||
POPUP_APPICON_BORDER_COLOR.from_pixel(0xffffffff);
|
POPUP_APPICON_BORDER_COLOR.from_pixel(0xffffffff);
|
||||||
const POPUP_APPICON_SEPARATOR_COLOR = new Clutter.Color();
|
const POPUP_APPICON_SEPARATOR_COLOR = new Clutter.Color();
|
||||||
POPUP_APPICON_SEPARATOR_COLOR.from_pixel(0xffffffff);
|
POPUP_APPICON_SEPARATOR_COLOR.from_pixel(0xffffffff);
|
||||||
|
|
||||||
const POPUP_APPS_BOX_SPACING = 8;
|
const POPUP_APPS_BOX_SPACING = 8;
|
||||||
const POPUP_ICON_SIZE = 48;
|
|
||||||
|
|
||||||
const POPUP_POINTER_SELECTION_THRESHOLD = 3;
|
const POPUP_POINTER_SELECTION_THRESHOLD = 3;
|
||||||
|
|
||||||
@ -30,12 +28,8 @@ function AltTabPopup() {
|
|||||||
|
|
||||||
AltTabPopup.prototype = {
|
AltTabPopup.prototype = {
|
||||||
_init : function() {
|
_init : function() {
|
||||||
this.actor = new Big.Box({ background_color : POPUP_BG_COLOR,
|
this.actor = new St.Bin({ name: 'appSwitcher',
|
||||||
corner_radius: POPUP_APPS_BOX_SPACING,
|
reactive: true });
|
||||||
padding: POPUP_APPS_BOX_SPACING,
|
|
||||||
spacing: POPUP_APPS_BOX_SPACING,
|
|
||||||
orientation: Big.BoxOrientation.VERTICAL,
|
|
||||||
reactive: true });
|
|
||||||
this.actor.connect('destroy', Lang.bind(this, this._onDestroy));
|
this.actor.connect('destroy', Lang.bind(this, this._onDestroy));
|
||||||
|
|
||||||
// Here we use a GenericContainer instead of a BigBox in order to be
|
// Here we use a GenericContainer instead of a BigBox in order to be
|
||||||
@ -51,7 +45,7 @@ AltTabPopup.prototype = {
|
|||||||
let gcenterbox = new Big.Box({ orientation: Big.BoxOrientation.HORIZONTAL,
|
let gcenterbox = new Big.Box({ orientation: Big.BoxOrientation.HORIZONTAL,
|
||||||
x_align: Big.BoxAlignment.CENTER });
|
x_align: Big.BoxAlignment.CENTER });
|
||||||
gcenterbox.append(this._appsBox, Big.BoxPackFlags.NONE);
|
gcenterbox.append(this._appsBox, Big.BoxPackFlags.NONE);
|
||||||
this.actor.append(gcenterbox, Big.BoxPackFlags.NONE);
|
this.actor.add_actor(gcenterbox);
|
||||||
|
|
||||||
this._icons = [];
|
this._icons = [];
|
||||||
this._separator = null;
|
this._separator = null;
|
||||||
|
Loading…
Reference in New Issue
Block a user