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

PageIndicators: extend the clickable area

Browse Source 
Replace the inactive spacing with clickable padding inside the
buttons, for easier selection with a mouse.

https://bugzilla.gnome.org/show_bug.cgi?id=707314
This commit is contained in:
Giovanni Campagna 2013-09-02 22:33:40 +02:00
parent 938628a05f
commit 9ea0f7255f
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
data/theme/gnome-shell.css
View File

@ -942,21 +942,20 @@ StScrollBar StButton#vhandle:active {
} }
.page-indicator { .page-indicator {
padding: 15px 30px;
}
.page-indicator .page-indicator-icon {
width: 18px; width: 18px;
height: 18px; height: 18px;
background-image: url(page-indicator-inactive.svg); background-image: url(page-indicator-inactive.svg);
} }
.page-indicator:hover, .page-indicator:hover .page-indicator-icon,
.page-indicator:checked{ .page-indicator:checked .page-indicator-icon {
background-image: url(page-indicator-active.svg); background-image: url(page-indicator-active.svg);
} }
.page-indicators {
spacing: 30px;
padding: 0px 30px;
}
.no-frequent-applications-label { .no-frequent-applications-label {
font-size: 18pt; font-size: 18pt;
color: #999999; color: #999999;

1
js/ui/appDisplay.js
View File

@ -211,6 +211,7 @@ const PageIndicators = new Lang.Class({
St.ButtonMask.THREE, St.ButtonMask.THREE,
toggle_mode: true, toggle_mode: true,
checked: pageIndex == this._currentPage }); checked: pageIndex == this._currentPage });
indicator.child = new St.Widget({ style_class: 'page-indicator-icon' });
indicator.connect('clicked', Lang.bind(this, indicator.connect('clicked', Lang.bind(this,
function() { function() {
this.emit('page-activated', pageIndex); this.emit('page-activated', pageIndex);