padding css variable added

michael-riess · michael-riess · commit f43eba332ebf · 2019-03-14T11:34:51.000-04:00
diff --git a/README.md b/README.md
@@ -134,6 +134,7 @@ When you pass a theme name via `TooltipModule.forRoot{}`, `ngxTooltip`, or `tool
 | `--tooltip-box-shadow` | Full CSS `box-shadow` property. |
 | `--tooltip-border-radius` | Full CSS `border-radius` property. |
 | `--tooltip-text-align` | Full CSS `text-align` property. |
+| `--tooltip-padding` | Full CSS `padding` property. |
 
 _example.scss_
 ```scss
@@ -149,6 +150,7 @@ _example.scss_
     --tooltip-box-shadow: 2px 2px 5px grey;
     --tooltip-border-radius: 5px;
     --tooltip-text-align: center;
+    --tooltip-padding: 5px;
 }
 ```
 _example.component.html_
diff --git a/projects/ngx-tooltip/README.md b/projects/ngx-tooltip/README.md
@@ -134,6 +134,7 @@ When you pass a theme name via `TooltipModule.forRoot{}`, `ngxTooltip`, or `tool
 | `--tooltip-box-shadow` | Full CSS `box-shadow` property. |
 | `--tooltip-border-radius` | Full CSS `border-radius` property. |
 | `--tooltip-text-align` | Full CSS `text-align` property. |
+| `--tooltip-padding` | Full CSS `padding` property. |
 
 _example.scss_
 ```scss
@@ -149,6 +150,7 @@ _example.scss_
     --tooltip-box-shadow: 2px 2px 5px grey;
     --tooltip-border-radius: 5px;
     --tooltip-text-align: center;
+    --tooltip-padding: 5px;
 }
 ```
 _example.component.html_
diff --git a/projects/ngx-tooltip/package-lock.json b/projects/ngx-tooltip/package-lock.json
diff --git a/projects/ngx-tooltip/package.json b/projects/ngx-tooltip/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@teamhive/ngx-tooltip",
-    "version": "0.1.3",
+    "version": "0.1.4",
     "peerDependencies": {
         "@angular/common": "^7.2.0",
         "@angular/core": "^7.2.0",
diff --git a/projects/ngx-tooltip/src/lib/assets/styles/styles.css b/projects/ngx-tooltip/src/lib/assets/styles/styles.css
@@ -6,6 +6,7 @@
     --tooltip-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);
     --tooltip-border-radius: 5px;
     --tooltip-text-align: left;
+    --tooltip-padding: 5px;
 }
 
 .tippy-tooltip {
@@ -15,6 +16,7 @@
     box-shadow: var(--tooltip-box-shadow) !important;
     border-radius: var(--tooltip-border-radius) !important;
     text-align: var(--tooltip-text-align) !important;
+    padding: var(--tooltip-padding) !important;
 }
 .tippy-tooltip[data-animatefill] {
     background-color: var(--tooltip-background-color) !important;

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@teamhive/ngx-tooltip",`
`3`		`- "version": "0.1.3",`
	`3`	`+ "version": "0.1.4",`
`4`	`4`	`"peerDependencies": {`
`5`	`5`	`"@angular/common": "^7.2.0",`
`6`	`6`	`"@angular/core": "^7.2.0",`
Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@`
`6`	`6`	`--tooltip-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);`
`7`	`7`	`--tooltip-border-radius: 5px;`
`8`	`8`	`--tooltip-text-align: left;`
	`9`	`+ --tooltip-padding: 5px;`
`9`	`10`	`}`
`10`	`11`
`11`	`12`	`.tippy-tooltip {`
`@@ -15,6 +16,7 @@`
`15`	`16`	`box-shadow: var(--tooltip-box-shadow) !important;`
`16`	`17`	`border-radius: var(--tooltip-border-radius) !important;`
`17`	`18`	`text-align: var(--tooltip-text-align) !important;`
	`19`	`+ padding: var(--tooltip-padding) !important;`
`18`	`20`	`}`
`19`	`21`	`.tippy-tooltip[data-animatefill] {`
`20`	`22`	`background-color: var(--tooltip-background-color) !important;`