@os-design/website - npm Package Compare versions

Comparing version 0.0.75 to 0.0.76

lib/AppMain/index.js

@@ -8,2 +8,3 @@ "use strict";
 const styled_1 = __importDefault(require("@os-design/styled"));
+const src_1 = require("@os-design/utils/src");
 const utils_1 = require("@os-design/utils");
@@ -13,11 +14,17 @@ const Header_1 = require("../Header");
 const AppMainContainer = styled_1.default.main `
-  height: calc(100vh - ${Header_1.HEADER_HEIGHT_EM + NavigationBottom_1.NAVIGATION_BOTTOM_HEIGHT_EM}em);
-  margin: ${Header_1.HEADER_HEIGHT_EM}em 0 ${NavigationBottom_1.NAVIGATION_BOTTOM_HEIGHT_EM}em;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
   
-  ${utils_1.m.min.md} { 
-    height: calc(100vh - ${Header_1.HEADER_HEIGHT_EM}em);
-    margin: ${Header_1.HEADER_HEIGHT_EM}em 0 0; 
+  margin-top: ${Header_1.HEADER_HEIGHT_EM}em;
+  margin-bottom: ${NavigationBottom_1.NAVIGATION_BOTTOM_HEIGHT_EM}em;
+  
+  ${src_1.m.min.md} { 
+    margin-top: ${Header_1.HEADER_HEIGHT_MD_EM}em; 
+    margin-bottom: 0;
   }
   
-  ${utils_1.transition('margin')};
+  ${utils_1.enableScrolling('y')};
 `;
@@ -24,0 +31,0 @@ const AppMain = props => react_1.default.createElement(AppMainContainer, Object.assign({}, props));

lib/Header/index.d.ts

 import React from 'react';
 export interface HeaderProps {
     absolute?: boolean;
-    border?: boolean;
+    fixed?: boolean;
 }
-export declare const HEADER_HEIGHT_EM = 4;
+export declare const HEADER_HEIGHT_EM = 3.2;
+export declare const HEADER_HEIGHT_MD_EM = 4;
 declare const Header: React.FC<HeaderProps>;
 export default Header;
 //# sourceMappingURL=index.d.ts.map

lib/Header/index.js

@@ -10,3 +10,11 @@ "use strict";
 const react_1 = __importDefault(require("react"));
-exports.HEADER_HEIGHT_EM = 4;
+exports.HEADER_HEIGHT_EM = 3.2;
+exports.HEADER_HEIGHT_MD_EM = 4;
+const height = core_1.css `
+  height: ${exports.HEADER_HEIGHT_EM}em;
+  
+  ${utils_1.m.min.md} {
+    height: ${exports.HEADER_HEIGHT_MD_EM}em;
+  }
+`;
 const absolute = (p) => p.absolute && core_1.css `
@@ -18,3 +26,9 @@ position: absolute;
 `;
-const border = (p) => p.border && core_1.css `
+const fixed = (p) => p.fixed && core_1.css `
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  
+  background-color: #fff;
   border-bottom: 1px solid ${p.theme.colorBorder};
@@ -25,8 +39,8 @@ `;
   align-items: center;
-  
-  height: ${exports.HEADER_HEIGHT_EM}em;
   box-sizing: border-box;
   
   ${absolute};
-  ${border};
+  ${fixed};
+  ${height};
+  
   ${utils_1.paddingHorizontal};
@@ -33,0 +47,0 @@ ${utils_1.transition('height', 'padding')};

package.json

 {
   "name": "@os-design/website",
-  "version": "0.0.75",
+  "version": "0.0.76",
   "license": "MIT",
@@ -20,5 +20,5 @@ "main": "lib/index.js",
     "@emotion/core": "^10.0.22",
-    "@os-design/core": "^0.0.46",
-    "@os-design/icons": "^0.0.16",
-    "@os-design/styled": "^0.0.7",
+    "@os-design/core": "^0.0.47",
+    "@os-design/icons": "^0.0.17",
+    "@os-design/styled": "^0.0.8",
     "@os-design/utils": "^0.0.9"
@@ -31,6 +31,6 @@ },
   "devDependencies": {
-    "@os-design/images": "^0.0.10",
-    "@os-design/theming": "^0.0.7"
+    "@os-design/images": "^0.0.11",
+    "@os-design/theming": "^0.0.8"
   },
-  "gitHead": "620107a4ec05ff3ee7c05f9e786c1134e23e2051"
+  "gitHead": "d973da2f8b047bdc1fcd189692c5a5c7c11bc872"
 }

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

122048

increased by0.35%

Lines of code

1555

increased by1.24%

Dependency changes

• + Added@os-design/core@0.0.47(transitive)

• + Added@os-design/icons@0.0.17(transitive)

• + Added@os-design/styled@0.0.8(transitive)

• + Added@types/facepaint@1.2.5(transitive)

• - Removed@os-design/core@0.0.46(transitive)

• - Removed@os-design/icons@0.0.16(transitive)

• - Removed@os-design/styled@0.0.7(transitive)

• Updated@os-design/core@^0.0.47

• Updated@os-design/icons@^0.0.17

• Updated@os-design/styled@^0.0.8