angular2-cookie-law
Advanced tools
angular2-cookie-law - npm Package Compare versions
Comparing version 0.1.6 to 0.1.7
| { | ||
| "name": "angular2-cookie-law", | ||
| "version": "0.1.6", | ||
| "version": "0.1.7", | ||
| "description": "Angular2 component that provides a banner to inform users about cookie law", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -5,2 +5,3 @@ [](https://travis-ci.org/andreasonny83/angular2-cookie-law) | ||
| [](http://commitizen.github.io/cz-cli/) | ||
| [](https://github.com/semantic-release/semantic-release) | ||
@@ -205,3 +206,3 @@ # angular2-cookie-law | ||
| Changelog available [here](https://github.com/andreasonny83/angular2-cookie-law/blob/master/CHANGELOG.md) | ||
| Changelog available [here](https://github.com/andreasonny83/angular2-cookie-law/releases) | ||
@@ -208,0 +209,0 @@ ## License |
@@ -34,4 +34,98 @@ /** | ||
| ], | ||
| templateUrl: './cookie-law.component.html', | ||
| styleUrls: ['./cookie-law.component.css'] | ||
| template: ` | ||
| <div class="cookie-law-wrapper" | ||
| *ngIf="!cookieLawSeen" | ||
| [@state]="cookieLawSeen"> | ||
| <div class="copy"> | ||
| <strong>By continuing to browse the site, you're agreeing to our use of cookies.</strong> | ||
| <span *ngIf="learnMore"> | ||
| Learn more in our <a [href]="learnMore" [target]="target">privacy policy</a>. | ||
| </span> | ||
| </div> | ||
| <a href="#" role="button" | ||
| class="dismiss" | ||
| [innerHTML]="closeSvg" | ||
| (click)="dismiss($event)"></a> | ||
| </div> | ||
| `, | ||
| styles: [` | ||
| a { | ||
| color: #bbb; | ||
| -webkit-transition: color .2s; | ||
| transition: color .2s; | ||
| } | ||
| a:hover { | ||
| color: #fff; | ||
| } | ||
| a:hover svg { | ||
| fill: #fff; | ||
| } | ||
| .cookie-law-wrapper { | ||
| background: #333; | ||
| color: #bbb; | ||
| display: block; | ||
| font-family: Helvetica Neue,Helvetica,Arial,sans-serif; | ||
| font-size: 15px; | ||
| font-weight: 200; | ||
| line-height: 20px; | ||
| position: fixed; | ||
| bottom: 0; | ||
| left: 0; | ||
| width: 100%; | ||
| z-index: 999999999; | ||
| font-smooth: always; | ||
| -webkit-font-smoothing: antialiased; | ||
| } | ||
| .dismiss { | ||
| display: block; | ||
| box-sizing: border-box; | ||
| padding: 10px; | ||
| position: absolute; | ||
| top: 0; | ||
| right: 10px; | ||
| text-decoration: none; | ||
| line-height: 20px; | ||
| } | ||
| .dismiss svg { | ||
| display: block; | ||
| fill: #bbb; | ||
| width: 20px; | ||
| height: 20px; | ||
| -webkit-transition: fill .2s; | ||
| transition: fill .2s; | ||
| } | ||
| .copy { | ||
| box-sizing: border-box; | ||
| padding: 10px 60px 10px 10px; | ||
| } | ||
| .copy strong { | ||
| color: #fff; | ||
| font-weight: 400; | ||
| } | ||
| .copy a { | ||
| text-decoration: underline; | ||
| } | ||
| .copy a:active, .copy a:hover { | ||
| outline: 0; | ||
| } | ||
| @media (min-width: 600px) { | ||
| /* For bigger devices: */ | ||
| .copy { | ||
| padding: 20px 60px 20px 20px; | ||
| font-size: 18px; | ||
| line-height: 24px; | ||
| } | ||
| .dismiss { | ||
| top: 10px; | ||
| right: 15px; | ||
| } | ||
| .dismiss svg { | ||
| width: 24px; | ||
| height: 24px; | ||
| } | ||
| } | ||
| `] | ||
| }) | ||
@@ -38,0 +132,0 @@ export class CookieLawComponent implements OnInit { |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Number of lines in readme file
- increased by0.48%
210
Worsened metrics
- Total package byte prevSize
- decreased by-33.1%
170667
- Number of package files
- decreased by-35.48%
20
- Lines of code
- decreased by-21.55%
404