notifications: Fix order of title/banner for RTL text
Currently, the banner text is always located at the right of the title - we need to swap those around for RTL locales. Rather than using the locale directly to figure out the ordering, try to determine the direction of the title label and let it control the overall direction of the notification - this way, notifications generally come out right when mixing scripts. https://bugzilla.gnome.org/show_bug.cgi?id=646921
This commit is contained in:
parent
35c85d9fac
commit
1d2eadb9c0
@ -411,6 +411,7 @@ Notification.prototype = {
|
|||||||
this._bannerBodyText = null;
|
this._bannerBodyText = null;
|
||||||
this._bannerBodyMarkup = false;
|
this._bannerBodyMarkup = false;
|
||||||
this._titleFitsInBannerMode = true;
|
this._titleFitsInBannerMode = true;
|
||||||
|
this._titleDirection = St.TextDirection.NONE;
|
||||||
this._spacing = 0;
|
this._spacing = 0;
|
||||||
this._scrollPolicy = Gtk.PolicyType.AUTOMATIC;
|
this._scrollPolicy = Gtk.PolicyType.AUTOMATIC;
|
||||||
|
|
||||||
@ -510,6 +511,19 @@ Notification.prototype = {
|
|||||||
title = title ? _fixMarkup(title.replace(/\n/g, ' '), params.titleMarkup) : '';
|
title = title ? _fixMarkup(title.replace(/\n/g, ' '), params.titleMarkup) : '';
|
||||||
this._titleLabel.clutter_text.set_markup('<b>' + title + '</b>');
|
this._titleLabel.clutter_text.set_markup('<b>' + title + '</b>');
|
||||||
|
|
||||||
|
if (Pango.find_base_dir(title, -1) == Pango.Direction.RTL)
|
||||||
|
this._titleDirection = St.TextDirection.RTL;
|
||||||
|
else
|
||||||
|
this._titleDirection = St.TextDirection.LTR;
|
||||||
|
|
||||||
|
// Let the title's text direction control the overall direction
|
||||||
|
// of the notification - in case where different scripts are used
|
||||||
|
// in the notification, this is the right thing for the icon, and
|
||||||
|
// arguably for action buttons as well. Labels other than the title
|
||||||
|
// will be allocated at the available width, so that their alignment
|
||||||
|
// is done correctly automatically.
|
||||||
|
this._table.set_direction(this._titleDirection);
|
||||||
|
|
||||||
// Unless the notification has custom content, we save this._bannerBodyText
|
// Unless the notification has custom content, we save this._bannerBodyText
|
||||||
// to add it to the content of the notification if the notification is
|
// to add it to the content of the notification if the notification is
|
||||||
// expandable due to other elements in its content area or due to the banner
|
// expandable due to other elements in its content area or due to the banner
|
||||||
@ -711,23 +725,39 @@ Notification.prototype = {
|
|||||||
let availWidth = box.x2 - box.x1;
|
let availWidth = box.x2 - box.x1;
|
||||||
|
|
||||||
let titleBox = new Clutter.ActorBox();
|
let titleBox = new Clutter.ActorBox();
|
||||||
titleBox.x1 = titleBox.y1 = 0;
|
let titleBoxW = Math.min(titleNatW, availWidth);
|
||||||
titleBox.x2 = Math.min(titleNatW, availWidth);
|
if (this._titleDirection == St.TextDirection.RTL) {
|
||||||
|
titleBox.x1 = availWidth - titleBoxW;
|
||||||
|
titleBox.x2 = availWidth;
|
||||||
|
} else {
|
||||||
|
titleBox.x1 = 0;
|
||||||
|
titleBox.x2 = titleBoxW;
|
||||||
|
}
|
||||||
|
titleBox.y1 = 0;
|
||||||
titleBox.y2 = titleNatH;
|
titleBox.y2 = titleNatH;
|
||||||
this._titleLabel.allocate(titleBox, flags);
|
this._titleLabel.allocate(titleBox, flags);
|
||||||
this._titleFitsInBannerMode = (titleNatW <= availWidth);
|
this._titleFitsInBannerMode = (titleNatW <= availWidth);
|
||||||
|
|
||||||
let bannerFits = true;
|
let bannerFits = true;
|
||||||
if (titleBox.x2 + this._spacing > availWidth) {
|
if (titleBoxW + this._spacing > availWidth) {
|
||||||
this._bannerLabel.opacity = 0;
|
this._bannerLabel.opacity = 0;
|
||||||
bannerFits = false;
|
bannerFits = false;
|
||||||
} else {
|
} else {
|
||||||
let bannerBox = new Clutter.ActorBox();
|
let bannerBox = new Clutter.ActorBox();
|
||||||
bannerBox.x1 = titleBox.x2 + this._spacing;
|
|
||||||
|
if (this._titleDirection == St.TextDirection.RTL) {
|
||||||
|
bannerBox.x1 = 0;
|
||||||
|
bannerBox.x2 = titleBox.x1 - this._spacing;
|
||||||
|
|
||||||
|
bannerFits = (bannerBox.x2 - bannerNatW >= 0);
|
||||||
|
} else {
|
||||||
|
bannerBox.x1 = titleBox.x2 + this._spacing;
|
||||||
|
bannerBox.x2 = availWidth;
|
||||||
|
|
||||||
|
bannerFits = (bannerBox.x1 + bannerNatW <= availWidth);
|
||||||
|
}
|
||||||
bannerBox.y1 = 0;
|
bannerBox.y1 = 0;
|
||||||
bannerBox.x2 = Math.min(bannerBox.x1 + bannerNatW, availWidth);
|
|
||||||
bannerBox.y2 = titleNatH;
|
bannerBox.y2 = titleNatH;
|
||||||
bannerFits = (bannerBox.x1 + bannerNatW <= availWidth);
|
|
||||||
this._bannerLabel.allocate(bannerBox, flags);
|
this._bannerLabel.allocate(bannerBox, flags);
|
||||||
|
|
||||||
// Make _bannerLabel visible if the entire notification
|
// Make _bannerLabel visible if the entire notification
|
||||||
|
Loading…
Reference in New Issue
Block a user