Skip to content

Commit

Permalink
feature/sticky progress bar (#905)
Browse files Browse the repository at this point in the history
* sticky progress bar

* commit UI assets

* Update NavigationProgress.tsx

* commit UI assets
  • Loading branch information
DimaAmega authored Dec 18, 2023
1 parent 46ebc4c commit 1f4ff8e
Show file tree
Hide file tree
Showing 5 changed files with 10 additions and 6 deletions.
2 changes: 1 addition & 1 deletion src/evidently/ui/ui/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
content="Evidently - ML Monitoring Demo. Hosted example to monitor the performance of a demand forecasting model on a toy dataset."
/>
<title>Evidently - ML Monitoring Demo</title>
<script type="module" crossorigin src="/static/js/index-d24fc078.js"></script>
<script type="module" crossorigin src="/static/js/index-23f783b0.js"></script>
<link rel="modulepreload" crossorigin href="/static/js/vendor-330857d0.js">
<link rel="stylesheet" href="/static/css/index.css">
</head>
Expand Down

Large diffs are not rendered by default.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,9 @@ export const NavigationProgress = () => {
const navigation = useNavigation()
const isNavigation = navigation.state !== 'idle'

return isNavigation ? <LinearProgress sx={{ height: 4 }} /> : <Box sx={{ height: 4 }} />
if (isNavigation) {
return <LinearProgress sx={{ height: 4, position: 'sticky', top: 0, left: 0 }} />
}

return <Box sx={{ height: 4 }} />
}

0 comments on commit 1f4ff8e

Please sign in to comment.