Merge branch 'master' into feature/Notification

Author: MarcusNotheis

packages/main/src/components/AnalyticalTable/ColumnHeader/ColumnHeaderModal.tsx

@@ -24,6 +24,8 @@ export interface ColumnHeaderModalProperties {
   onGroupBy?: (e: Event) => void;
 }
 
+const staticStyle = { fontWeight: 'normal' };
+
 export const ColumnHeaderModal: FC<ColumnHeaderModalProperties> = (props) => {
   const { showGroup, showSort, showFilter, column, style, openBy, onSort, onGroupBy } = props;
 
@@ -86,7 +88,7 @@ export const ColumnHeaderModal: FC<ColumnHeaderModalProperties> = (props) => {
       horizontalAlign={PopoverHorizontalAlign.Left}
       placementType={PlacementType.Bottom}
       ref={popoverRef}
-      style={{ fontWeight: 'normal' }}
+      style={staticStyle as CSSProperties}
     >
       <List onItemClick={handleSort}>
         {showSort && (

packages/main/src/components/AnalyticalTable/ColumnHeader/index.tsx

@@ -90,7 +90,12 @@ export const ColumnHeader: FC<ColumnHeaderProps> = (props) => {
 
     return (
       <div className={classNames.valueOf()}>
-        <span style={{ textOverflow: 'ellipsis', overflowX: 'hidden', whiteSpace: 'nowrap' }}>{children}</span>
+        <span
+          title={typeof children === 'string' ? children : null}
+          style={{ textOverflow: 'ellipsis', overflowX: 'hidden', whiteSpace: 'nowrap' }}
+        >
+          {children}
+        </span>
         <div className={classes.iconContainer}>
           {filterIcon}
           {sortingIcon}
@@ -119,7 +124,7 @@ export const ColumnHeader: FC<ColumnHeaderProps> = (props) => {
   if (!column) return null;
 
   return (
-    <div className={className} style={style}>
+    <div className={className} style={style} role="columnheader">
       {groupable || sortable || filterable ? (
         <ColumnHeaderModal
           openBy={openBy}