app-bar - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

CHANGELOG.md

@@ -7,2 +7,6 @@ # Changelog
 
+## [1.1.0] - 2018-05-02
+### Changed
+- Change position to `sticky` to support content above the `<AppBar />`
+
 ## [1.0.1] - 2018-05-02
@@ -9,0 +13,0 @@ ### Fixed

index.d.ts

@@ -10,4 +10,4 @@ /// <reference types="react" />
 export interface AppBarState {
-    readonly scroll: number;
-    readonly top: number;
+    scroll: number;
+    top: number;
 }
@@ -14,0 +14,0 @@ export default class AppBar extends React.PureComponent<AppBarProps, AppBarState> {

index.js

@@ -115,3 +115,3 @@ "use strict";
             display: 'block',
-            position: 'fixed',
+            position: 'sticky',
             top: this.state.top,
@@ -118,0 +118,0 @@ width: '100%'

package.json

 {
   "name": "app-bar",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "An app bar for React that stays out of your way",
@@ -5,0 +5,0 @@ "licence": "MIT",

README.md

@@ -8,3 +8,3 @@ # app-bar
 
-An App Bar for your React app that stays out of your way.
+An App Bar for React that stays out of your way.
 
@@ -50,3 +50,3 @@ >When the scrolling is just right
   display: block;
-  position: fixed;
+  position: sticky;
   top: 0;
@@ -56,3 +56,3 @@ width: 100%;
 
-In other words, `<AppBar />` is a fixed full-width element at the top of your screen. The only functionality is that `<AppBar />` will move out the viewport when scrolling down, and back in when scrolling up.
+In other words, `<AppBar />` is a fixed full-width element that sticks to the top of your screen. The only functionality is that `<AppBar />` will move out the viewport when scrolling down, and back in when scrolling up.
 
@@ -59,0 +59,0 @@ ### Disabling

No alert changes

Improved metrics

Total package byte prevSize

12539

increased by0.77%

No dependency changes