brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Align category labels vertically

Browse Source 
Add a box to contain the MenuItem labels and align them vertically.

Clean up the style in the MenuItem code.
This commit is contained in:
Marina Zhurakhinskaya 2009-07-27 18:59:26 -04:00
parent adfb419ceb
commit efcf8bae9d
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
js/ui/appDisplay.js
View File

@ -131,24 +131,29 @@ MenuItem.prototype = {
} }
if (pixbuf != null) if (pixbuf != null)
Shell.clutter_texture_set_from_pixbuf(this._icon, pixbuf); Shell.clutter_texture_set_from_pixbuf(this._icon, pixbuf);
this.actor.append(this._icon, 0); this.actor.append(this._icon, Big.BoxPackFlags.NONE);
this._text = new Clutter.Text({ color: GenericDisplay.ITEM_DISPLAY_NAME_COLOR, this._text = new Clutter.Text({ color: GenericDisplay.ITEM_DISPLAY_NAME_COLOR,
font_name: "Sans 14px", font_name: "Sans 14px",
ellipsize: Pango.EllipsizeMode.END, ellipsize: Pango.EllipsizeMode.END,
text: name }); text: name });
this.actor.append(this._text, Big.BoxPackFlags.EXPAND);
let box = new Big.Box({ orientation: Big.BoxOrientation.HORIZONTAL, // We use individual boxes for the label and the arrow to ensure that they
y_align: Big.BoxAlignment.CENTER // are aligned vertically. Just setting y_align: Big.BoxAlignment.CENTER
}); // on this.actor does not seem to achieve that.
let labelBox = new Big.Box({ y_align: Big.BoxAlignment.CENTER });
labelBox.append(this._text, Big.BoxPackFlags.NONE);
this.actor.append(labelBox, Big.BoxPackFlags.EXPAND);
let arrowBox = new Big.Box({ y_align: Big.BoxAlignment.CENTER });
this._arrow = new Shell.Arrow({ surface_width: MENU_ICON_SIZE / 2, this._arrow = new Shell.Arrow({ surface_width: MENU_ICON_SIZE / 2,
surface_height: MENU_ICON_SIZE / 2, surface_height: MENU_ICON_SIZE / 2,
direction: Gtk.ArrowType.RIGHT, direction: Gtk.ArrowType.RIGHT,
opacity: 0 opacity: 0 });
}); arrowBox.append(this._arrow, Big.BoxPackFlags.NONE);
box.append(this._arrow, 0); this.actor.append(arrowBox, Big.BoxPackFlags.NONE);
this.actor.append(box, 0);
}, },
getState: function() { getState: function() {