Bug 1644798 - fix labels in the tooltip for the events are not right aligned. r+a=pmorris
authorKhushil Mistry <khushil324@gmail.com>
Fri, 12 Jun 2020 15:51:03 +1200
changeset 39382 698dbe7ae420ce4e1353ea110575112d9944c104
parent 39381 e64f856376c7ef110d553707eaea9b64b9719c46
child 39383 cd94e7fbe7b20226821b2a0a5bb4ce443ec96028
push id402
push userclokep@gmail.com
push dateMon, 29 Jun 2020 20:48:04 +0000
bugs1644798
Bug 1644798 - fix labels in the tooltip for the events are not right aligned. r+a=pmorris
calendar/base/themes/common/calendar-views.css
calendar/resources/content/mouseoverPreviews.js
--- a/calendar/base/themes/common/calendar-views.css
+++ b/calendar/base/themes/common/calendar-views.css
@@ -898,16 +898,20 @@ calendar-event-box[gripBars="both"]:not(
 .tooltipValueColumn {
     max-width: 35em; /* tooltipBox max-width minus space for label */
 }
 
 .tooltipHeaderTable {
     border-spacing: 0;
 }
 
+.tooltipHeaderLabel {
+    text-align: end;
+}
+
 .tooltipBodySeparator {
     height: 1ex; /* 1ex space above body text, below last header. */
 }
 
 .tooltipBody {
     font-weight: normal;
     white-space: pre-wrap;
     overflow-wrap: anywhere;
--- a/calendar/resources/content/mouseoverPreviews.js
+++ b/calendar/resources/content/mouseoverPreviews.js
@@ -378,17 +378,16 @@ function boxAppendLabeledText(box, label
  *
  * @param   {String} text  The text to display in the node
  * @returns {Node}         The node
  */
 function createTooltipHeaderLabel(text) {
   let labelCell = document.createElementNS("http://www.w3.org/1999/xhtml", "th");
   labelCell.setAttribute("class", "tooltipHeaderLabel");
   labelCell.textContent = text;
-  labelCell.setAttribute("align", "end");
   return labelCell;
 }
 
 /**
  * PRIVATE: Creates an element for field value (for header table)
  *
  * @param   {String} text  The text to display in the node
  * @returns {Node}         The node