popupMenu: Remove excess padding from separators
Currently separators get all the padding from regular menu items, which is excessive for non-interactive elements. Shuffle style classes around a bit to allow overriding the normal padding for separators. https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/1004
This commit is contained in:
parent
8834088f3b
commit
9c7098816e
@ -82,6 +82,9 @@ $popover_arrow_height: 12px;
|
||||
|
||||
// separator
|
||||
.popup-separator-menu-item {
|
||||
padding: 0;
|
||||
|
||||
.popup-separator-menu-item-separator {
|
||||
//-margin-horizontal: 24px;
|
||||
height: 1px; //not really the whole box
|
||||
margin: 6px 64px;
|
||||
@ -92,6 +95,7 @@ $popover_arrow_height: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// desktop background menu
|
||||
.background-menu {
|
||||
|
@ -282,8 +282,11 @@ class PopupMenuItem extends PopupBaseMenuItem {
|
||||
var PopupSeparatorMenuItem = GObject.registerClass(
|
||||
class PopupSeparatorMenuItem extends PopupBaseMenuItem {
|
||||
_init(text) {
|
||||
super._init({ reactive: false,
|
||||
can_focus: false });
|
||||
super._init({
|
||||
style_class: 'popup-separator-menu-item',
|
||||
reactive: false,
|
||||
can_focus: false,
|
||||
});
|
||||
|
||||
this.label = new St.Label({ text: text || '' });
|
||||
this.add(this.label);
|
||||
@ -293,10 +296,12 @@ class PopupSeparatorMenuItem extends PopupBaseMenuItem {
|
||||
this._syncVisibility.bind(this));
|
||||
this._syncVisibility();
|
||||
|
||||
this._separator = new St.Widget({ style_class: 'popup-separator-menu-item',
|
||||
this._separator = new St.Widget({
|
||||
style_class: 'popup-separator-menu-item-separator',
|
||||
x_expand: true,
|
||||
y_expand: true,
|
||||
y_align: Clutter.ActorAlign.CENTER });
|
||||
y_align: Clutter.ActorAlign.CENTER,
|
||||
});
|
||||
this.add_child(this._separator);
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user