Header new (#44)

* empty * fix(toggle for enabling GA GTM) (#605) * fix(toggle for enabling GA GTM) * fix(remove ga and gtm id from publisher yml file) * remove code related to login and its dependencies * chore(deps-dev): Bump eslint-plugin-jest from 23.20.0 to 24.1.3 Bumps [eslint-plugin-jest](https://github.com/jest-community/eslint-plugin-jest) from 23.20.0 to 24.1.3. - [Release notes](https://github.com/jest-community/eslint-plugin-jest/releases) - [Changelog](https://github.com/jest-community/eslint-plugin-jest/blob/master/CHANGELOG.md) - [Commits](jest-community/eslint-plugin-jest@v23.20.0...v24.1.3) Signed-off-by: dependabot-preview[bot] <[email protected]> * Bump postcss from 8.2.1 to 8.2.6 Bumps [postcss](https://github.com/postcss/postcss) from 8.2.1 to 8.2.6. - [Release notes](https://github.com/postcss/postcss/releases) - [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md) - [Commits](postcss/postcss@8.2.1...8.2.6) Signed-off-by: dependabot-preview[bot] <[email protected]> * Bump eslint from 6.8.0 to 7.19.0 Bumps [eslint](https://github.com/eslint/eslint) from 6.8.0 to 7.19.0. - [Release notes](https://github.com/eslint/eslint/releases) - [Changelog](https://github.com/eslint/eslint/blob/master/CHANGELOG.md) - [Commits](eslint/eslint@v6.8.0...v7.19.0) Signed-off-by: dependabot-preview[bot] <[email protected]> * Bump formiojs from 4.12.3 to 4.12.7 Bumps [formiojs](https://github.com/formio/formio.js) from 4.12.3 to 4.12.7. - [Release notes](https://github.com/formio/formio.js/releases) - [Changelog](https://github.com/formio/formio.js/blob/v4.12.7/Changelog.md) - [Commits](formio/formio.js@v4.12.3...v4.12.7) Signed-off-by: dependabot-preview[bot] <[email protected]> * [Security] Bump ini from 1.3.5 to 1.3.8 Bumps [ini](https://github.com/isaacs/ini) from 1.3.5 to 1.3.8. **This update includes security fixes.** - [Release notes](https://github.com/isaacs/ini/releases) - [Commits](npm/ini@v1.3.5...v1.3.8) Signed-off-by: dependabot-preview[bot] <[email protected]> * chore(deps-dev): Bump stylelint from 13.3.3 to 13.9.0 Bumps [stylelint](https://github.com/stylelint/stylelint) from 13.3.3 to 13.9.0. - [Release notes](https://github.com/stylelint/stylelint/releases) - [Changelog](https://github.com/stylelint/stylelint/blob/master/CHANGELOG.md) - [Commits](stylelint/stylelint@13.3.3...13.9.0) Signed-off-by: dependabot-preview[bot] <[email protected]> * chore(deps): Bump superagent from 3.8.3 to 6.1.0 Bumps [superagent](https://github.com/visionmedia/superagent) from 3.8.3 to 6.1.0. - [Release notes](https://github.com/visionmedia/superagent/releases) - [Changelog](https://github.com/visionmedia/superagent/blob/master/HISTORY.md) - [Commits](ladjs/superagent@v3.8.3...v6.1.0) Signed-off-by: dependabot-preview[bot] <[email protected]> * chore(deps): [Security] Bump node-notifier from 8.0.0 to 8.0.1 Bumps [node-notifier](https://github.com/mikaelbr/node-notifier) from 8.0.0 to 8.0.1. **This update includes a security fix.** - [Release notes](https://github.com/mikaelbr/node-notifier/releases) - [Changelog](https://github.com/mikaelbr/node-notifier/blob/v8.0.1/CHANGELOG.md) - [Commits](mikaelbr/node-notifier@v8.0.0...v8.0.1) Signed-off-by: dependabot-preview[bot] <[email protected]> * chore(deps-dev): Bump prettier from 1.19.1 to 2.2.1 Bumps [prettier](https://github.com/prettier/prettier) from 1.19.1 to 2.2.1. - [Release notes](https://github.com/prettier/prettier/releases) - [Changelog](https://github.com/prettier/prettier/blob/master/CHANGELOG.md) - [Commits](prettier/prettier@1.19.1...2.2.1) Signed-off-by: dependabot-preview[bot] <[email protected]> * chore(deps-dev): Bump eslint-plugin-react from 7.21.5 to 7.22.0 Bumps [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react) from 7.21.5 to 7.22.0. - [Release notes](https://github.com/yannickcr/eslint-plugin-react/releases) - [Changelog](https://github.com/yannickcr/eslint-plugin-react/blob/master/CHANGELOG.md) - [Commits](jsx-eslint/eslint-plugin-react@v7.21.5...v7.22.0) Signed-off-by: dependabot-preview[bot] <[email protected]> * chore(deps-dev): Bump webpack-dev-server from 3.11.0 to 3.11.2 Bumps [webpack-dev-server](https://github.com/webpack/webpack-dev-server) from 3.11.0 to 3.11.2. - [Release notes](https://github.com/webpack/webpack-dev-server/releases) - [Changelog](https://github.com/webpack/webpack-dev-server/blob/v3.11.2/CHANGELOG.md) - [Commits](webpack/webpack-dev-server@v3.11.0...v3.11.2) Signed-off-by: dependabot-preview[bot] <[email protected]> * chore(deps-dev): Bump stylelint from 13.9.0 to 13.10.0 Bumps [stylelint](https://github.com/stylelint/stylelint) from 13.9.0 to 13.10.0. - [Release notes](https://github.com/stylelint/stylelint/releases) - [Changelog](https://github.com/stylelint/stylelint/blob/master/CHANGELOG.md) - [Commits](stylelint/stylelint@13.9.0...13.10.0) Signed-off-by: dependabot-preview[bot] <[email protected]> * chore(deps-dev): Bump mocha from 8.2.1 to 8.3.0 Bumps [mocha](https://github.com/mochajs/mocha) from 8.2.1 to 8.3.0. - [Release notes](https://github.com/mochajs/mocha/releases) - [Changelog](https://github.com/mochajs/mocha/blob/master/CHANGELOG.md) - [Commits](mochajs/mocha@v8.2.1...v8.3.0) Signed-off-by: dependabot-preview[bot] <[email protected]> * Feat: update malibu to accept timezone * allow-empty * enables video and newsarticle schema * Revert "chore(deps-dev): Bump stylelint from 13.9.0 to 13.10.0" This reverts commit 0f88d36. * Revert stylelint * upgrade package * upgrade package * Fix prettier issues * Temp fix: remove backend dependency * Update node framework to 4.8.4 and remove onesignal dependency * feat(new header) * fix(top-header) * chore(deps): Bump lodash from 4.17.20 to 4.17.21 Bumps [lodash](https://github.com/lodash/lodash) from 4.17.20 to 4.17.21. - [Release notes](https://github.com/lodash/lodash/releases) - [Commits](lodash/lodash@4.17.20...4.17.21) Signed-off-by: dependabot-preview[bot] <[email protected]> * fix(removed unwanted file) * fix(perf - loadable server side rendering) * fix(partial hydration for navbar toggle) * Revert "fix(partial hydration for navbar toggle)" This reverts commit a597138. * fix(partial hydration) * fix(sticky header) * fix(remove unwanted code) * fix(lint issue) * fix(pr changes) * fix(header) : sticky header using position:sticky * fix(update package) * fix(PR changes) * fix(PR changes) * fix(PR changes) * fix(PR changes) * fix(PR changes) * fix(fix lint issue) * fix(devbox changes) * fix(new logo) * fix(extract critical css for navbar and topbar) * fix: add image specifics to reduce cls * fix: preload fonts * check font preload * remove stuff * Remove superagent * remove gumlet.js dev dep * fix(devbox changes) * Revert "remove gumlet.js dev dep" This reverts commit 068430c. * get initial height brk news * add min height from app scss * add default height for mobile * dummy commit * fix(perf) * fix(lint) * fix(header) : refactor * fix(wip header) * fix(lint) * fix(update framework) * fix(update package-lock file) * fix(integrate user) * fix(lint issue) * fix(UI changes) * fix(wip) * fix(onesignal serviceworker) * fix(PR changes) * fix(PR changes) * fix(wip) * fix(wip) * fix(wip) * fix: update build config and node build package * fix: Update quintype build file to support loadable * empty * fix(loadable-component): update build package * fix(loadable-component): loadable component test * fix(test) : update test for critical css * fix(package) : update package * fix(update package) * fix(new logo) * fix(wip) * fix(lint) * fix(update package) Co-authored-by: Athira MR <[email protected]> Co-authored-by: Harshith Raj <[email protected]> Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com> Co-authored-by: Shraddha Kesari <[email protected]> Co-authored-by: Athira MR <[email protected]> Co-authored-by: phaneendra <[email protected]>
quintype · Mar 15, 2021 · a581e2d · a581e2d
1 parent 84a3004
commit a581e2d
Show file tree

Hide file tree

Showing 59 changed files with 2,690 additions and 36,455 deletions.
diff --git a/.gitignore b/.gitignore
@@ -66,3 +66,4 @@ typings/
 /asset-manifest.json
 
 .DS_Store
+stats.json
diff --git a/app/assets/images/malibu-logo.jpg b/app/assets/images/malibu-logo.jpg
diff --git a/app/assets/images/user-icon.svg b/app/assets/images/user-icon.svg
diff --git a/app/assets/images/user.svg b/app/assets/images/user.svg
diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss
@@ -4,6 +4,12 @@
 
 @import "./base/z-index.scss";
 @import "./base/colors.scss";
+@import "./base/normalize.scss";
+@import "./base/typography.scss";
+
+:root {
+  --container-width: 1280px;
+}
 
 *,
 *::after,
@@ -19,6 +25,7 @@ html {
 
 body {
   margin: 0;
+  background-color: var(--white);
 }
 
 img {
@@ -30,49 +37,6 @@ a {
   font-weight: normal;
 }
 
-/* Menu */
-#main-navigation {
-  position: fixed;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: 10;
-  transform: translateY(-100%);
-  background-color: black;
-  transition: all 0.5s;
-}
-
-#main-navigation ul {
-  list-style: none;
-  padding: 0;
-  max-width: 400px;
-  margin: 0 auto;
-  text-align: center;
-}
-
-#main-navigation li {
-  padding: 10px 0;
-  color: white;
-}
-
-#main-navigation li a {
-  color: white;
-  font-size: 32px;
-  text-transform: uppercase;
-  font-family: var(--title-font);
-  text-decoration: none;
-  transition: all 0.5s;
-}
-
-#main-navigation li a:hover {
-  border-bottom: 1px solid white;
-}
-
-#main-navigation:target {
-  transform: translateY(0);
-}
-
 #breaking-news-container {
   min-height: 71px;
 
@@ -82,79 +46,11 @@ a {
 }
 
 .container {
-  max-width: 1000px;
+  max-width: var(--container-width);
   margin: 0 auto;
   padding: 0 16px;
 }
 
-h1 {
-  font-family: var(--title-font);
-  font-size: 30px;
-  font-weight: 800;
-  margin: 10px 0;
-  text-align: center;
-  text-transform: uppercase;
-}
-
-h1 span {
-  font-family: var(--content-font);
-  font-size: 24px;
-  font-style: italic;
-  font-weight: 400;
-  margin: 0 5px;
-  text-transform: none;
-}
-
-.toggle {
-  display: block;
-  width: 28px;
-  height: 30px;
-  margin: 30px auto 10px;
-}
-
-.toggle span::after,
-.toggle span::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: -9px;
-}
-
-.toggle span::after {
-  top: 9px;
-}
-
-.toggle span {
-  position: relative;
-  display: block;
-}
-
-.toggle span,
-.toggle span::after,
-.toggle span::before {
-  width: 100%;
-  height: 5px;
-  background-color: black;
-  transition: all 0.3s;
-  backface-visibility: hidden;
-  border-radius: 2px;
-}
-
-/* on activation */
-.toggle.on span {
-  background-color: transparent;
-}
-
-.toggle.on span::before {
-  background-color: white;
-  transform: rotate(45deg) translate(5px, 5px);
-}
-
-.toggle.on span::after {
-  background-color: white;
-  transform: rotate(-45deg) translate(7px, -8px);
-}
-
 .app-loading {
   width: 100%;
   height: 300px;
@@ -184,7 +80,7 @@ h1 span {
   }
 }
 
-.story-grid-item h2 {
+.story-grid-item h3 {
   font-size: 16px;
   text-align: center;
   height: 100px;
@@ -261,3 +157,20 @@ h1 span {
     }
   }
 }
+
+.topbar-wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.sticky-header {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
+.logo-wrapper {
+  line-height: 0;
+  padding: 16px 0;
+}
diff --git a/app/assets/stylesheets/base/colors.scss b/app/assets/stylesheets/base/colors.scss
@@ -1,6 +1,15 @@
 :root {
   --white: #ffffff;
-  --rgbBlack: 0, 0, 0;
+  --rgb-black: 0, 0, 0;
+  --brand-primary: #2cc7a4;
+  --brand-primary-dark: #108167;
+  --brand-secondary: #1e1e1e;
+  --grey-light: #e8e8e8;
+  --grey-dark: #9c9c9c;
+
+  --meta-color: var(--brand-primary);
+  --title-color: var(--brand-secondary);
+  --border-color: var(--grey-light);
   --malibu-gray9: #9c9c9c;
   --torch-red: #ff0033;
   --lime-green: #4bb543;
Original file line number	Diff line number	Diff line change
Expand Up		@@ -66,3 +66,4 @@ typings/
		/asset-manifest.json

		.DS_Store
		stats.json