small tooltip changes

Author: serionist

projects/component-library/table/src/defs/cell-def/cell-toolip-def.directive.ts

@@ -16,10 +16,10 @@ export class CellToolipDefDirective<TData, TKey extends Primitive> {
         alias: 'showTooltip',
     });
 
-    readonly $tooltipPosition = input<'bottom' | 'left' | 'right' | 'top'>('top', {
+    readonly $tooltipPosition = input<'bottom' | 'left' | 'right' | 'top'>('bottom', {
         alias: 'tooltipPosition',
     });
-    readonly $tooltipMargin = input<string>('5px', {
+    readonly $tooltipMargin = input<string>('0px', {
         alias: 'tooltipMargin',
     });
 

projects/component-library/table/src/defs/header-def/header-toolip-def.directive.ts

@@ -19,7 +19,7 @@ export class HeaderToolipDefDirective<TData, TKey extends Primitive> {
     readonly $tooltipPosition = input<'bottom' | 'left' | 'right' | 'top'>('top', {
         alias: 'tooltipPosition',
     });
-    readonly $tooltipMargin = input<string>('5px', {
+    readonly $tooltipMargin = input<string>('0px', {
         alias: 'tooltipMargin',
     });
 

projects/test-app/src/app/pages/tooltips-page/tooltips-page.component.html

@@ -60,8 +60,8 @@ <h3>Examples</h3>
                 <ng-template #tooltipTemplate>Tooltip Coming from template</ng-template>
                 <button tooltipPosition="top" [tooltip]="tooltipTemplate">Top TEMPLATE tooltip, default margin</button>
                 <button tooltipPosition="left" [tooltip]="tooltipTemplate">Left TEMPLATE tooltip, default margin</button>
-                <button tooltipPosition="left" tooltipMargin="10px" [tooltip]="tooltipTemplate">Left TEMPLATE tooltip, changed margin (10px)</button>
-                <button tooltipPosition="bottom" tooltipMargin="2em" [tooltip]="tooltipTemplate">Bottom TEMPLATE tooltip, changed margin (2em)</button>
+                <button tooltipPosition="left" tooltipMargin="10px" tooltipPadding="2rem" [tooltip]="tooltipTemplate">Left TEMPLATE tooltip, changed margin (10px) and padding (2rem)</button>
+                <button tooltipPosition="bottom" tooltipMargin="2em" tooltipPadding="2rem"  [tooltip]="tooltipTemplate">Bottom TEMPLATE tooltip, changed margin (2em) and padding (2rem)</button>
                 <button tooltipPosition="right" [tooltip]="tooltipTemplate">Right TEMPLATE tooltip, default margin</button>
             </div>
         </div>