Skip to content

Commit ce00350

sinharaksh1tRakshit Sinha

and

Rakshit Sinha

authored

Make navbar sticky (#332)

Co-authored-by: Rakshit Sinha <rakshit.sinha@oracle.com>

1 parent 48c9580 commit ce00350Copy full SHA for ce00350

File tree

3 files changed

+8

-2

lines changed

src/components
- Navigation
  - index.js
  - styles.scss
- Table
  - styles.scss

3 files changed

+8

-2

lines changed

`‎src/components/Navigation/index.js`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ import DarkMode from '../Dark-Mode';`
`15`	`15`
`16`	`16`	`const Navigation = () => {`
`17`	`17`	`return (`
`18`		`- <Navbar className="navbar">`
	`18`	`+ <Navbar className="navbar sticky">`
`19`	`19`	`<Container>`
`20`	`20`	`<NavbarBrand`
`21`	`21`	`onClick={() =>`

`‎src/components/Navigation/styles.scss`

Lines changed: 6 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,9 @@`
	`1`	`+.navbar.sticky {`
	`2`	`+ position: sticky;`
	`3`	`+ top: 0;`
	`4`	`+ z-index: 1;`
	`5`	`+}`
	`6`	`+`
`1`	`7`	`body.light-mode .navbar {`
`2`	`8`	`background-color: #f7f8f9;`
`3`	`9`	`color: #000000;`

`‎src/components/Table/styles.scss`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@ body.dark-mode .modal-content {`
`62`	`62`	`> tr th {`
`63`	`63`	`background: white;`
`64`	`64`	`position: sticky;`
`65`		`- top: 0;`
	`65`	`+ top: 50px;`
`66`	`66`	`text-wrap: nowrap;`
`67`	`67`	`}`
`68`	`68`	`}`

0 commit comments

Comments

(0)