[gnome-shell] Calendar: make current date label clickable
- From: Volker Sobek <vsobek src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell] Calendar: make current date label clickable
- Date: Wed, 5 Mar 2014 15:41:47 +0000 (UTC)
commit c07421c195beb3a3228bd31a92f988394509ff61
Author: Vit Stanislav <slaweet seznam cz>
Date: Mon Jan 16 13:01:18 2012 +0100
Calendar: make current date label clickable
Once you start navigating between months, you can't return to the
current day. However, the current day is always displayed above the
calendar grid. Fix this by making the current date clickable; when
clicked, the calendar grid jumps back to that day.
https://bugzilla.gnome.org/show_bug.cgi?id=641366
data/theme/gnome-shell.css | 6 ++++++
js/ui/dateMenu.js | 13 +++++++++----
2 files changed, 15 insertions(+), 4 deletions(-)
---
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 613ae0c..ac33643 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1304,12 +1304,18 @@ StScrollBar StButton#vhandle:active {
font-weight: bold;
text-align: center;
color: #eeeeec;
+ border-radius: 4px;
}
+.datemenu-date-label:hover,
.datemenu-date-label:focus {
background-color: #999999;
}
+.datemenu-date-label:active {
+ background-color: #aaaaaa;
+}
+
.calendar-day-base {
font-size: 9pt;
text-align: center;
diff --git a/js/ui/dateMenu.js b/js/ui/dateMenu.js
index ee36019..e869607 100644
--- a/js/ui/dateMenu.js
+++ b/js/ui/dateMenu.js
@@ -63,9 +63,14 @@ const DateMenuButton = new Lang.Class({
hbox.add(vbox);
// Date
- this._date = new St.Label({ style_class: 'datemenu-date-label',
- can_focus: true });
- vbox.add(this._date);
+ this._date = new St.Button({ style_class: 'datemenu-date-label',
+ can_focus: true,
+ });
+ this._date.connect('clicked',
+ Lang.bind(this, function() {
+ this._calendar.setDate(new Date(), false);
+ }));
+ vbox.add(this._date, { x_fill: false });
this._eventList = new Calendar.EventsList();
this._calendar = new Calendar.Calendar();
@@ -186,7 +191,7 @@ const DateMenuButton = new Lang.Class({
*/
let dateFormat = _("%A %B %e, %Y");
let displayDate = new Date();
- this._date.set_text(displayDate.toLocaleFormat(dateFormat));
+ this._date.set_label(displayDate.toLocaleFormat(dateFormat));
},
_getCalendarApp: function() {
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]