Merge pull request #923 from AppQuality/fix-tooltips

fixed dimensions of tooltips

Author: marcbon

src/pages/Insights/Collection/components/GroupByToggle.tsx

@@ -24,7 +24,11 @@ export const GroupByToggle = () => {
 
   return (
     <Wrapper>
-      <Tooltip content={t('__INSIGHTS_PAGE_COLLECTION_GROUP_BY_USECASE')}>
+      <Tooltip
+        size="small"
+        type="light"
+        content={t('__INSIGHTS_PAGE_COLLECTION_GROUP_BY_USECASE')}
+      >
         <IconButton
           onClick={() => setGroupObservationsBy('usecase-grapes')}
           isPrimary={groupObservationsBy === 'usecase-grapes'}
@@ -36,7 +40,11 @@ export const GroupByToggle = () => {
           )}
         </IconButton>
       </Tooltip>
-      <Tooltip content={t('__INSIGHTS_PAGE_COLLECTION_UNGROUP')}>
+      <Tooltip
+        size="small"
+        type="light"
+        content={t('__INSIGHTS_PAGE_COLLECTION_UNGROUP')}
+      >
         <IconButton
           onClick={() => setGroupObservationsBy(undefined)}
           isPrimary={typeof groupObservationsBy === 'undefined'}

src/pages/Insights/InsightsDrawer/components/AccordionLabel.tsx

@@ -65,6 +65,8 @@ export const AccordionLabel = ({ title, id, isPublished }: Props) => {
     <Style>
       <LG isBold>{title}</LG>
       <Tooltip
+        size="small"
+        type="light"
         content={
           isPublished
             ? 'Click to unpublish this insight'

src/pages/Insights/PageHeader.tsx

@@ -91,7 +91,7 @@ const InsightsPageHeader = () => {
               <Link to={campaignRoute}>
                 <Tooltip
                   content={t('__UX_CAMPAIGN_PAGE_NAVIGATION_DASHBOARD_TOOLTIP')}
-                  size="medium"
+                  size="small"
                   type="light"
                   placement="top"
                 >
@@ -106,7 +106,7 @@ const InsightsPageHeader = () => {
                     content={t(
                       '__UX_CAMPAIGN_PAGE_NAVIGATION_VIDEO_LIST_TOOLTIP'
                     )}
-                    size="medium"
+                    size="small"
                     type="light"
                     placement="top"
                   >