github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #13259 from overleaf/td-history-survey-link

Browse source 
History migration: Add beta badge to history toolbar

GitOrigin-RevId: e5c818953a7d41c31018a2d39c3937d70c057f8c
This commit is contained in:
Tim Down 2023-05-31 10:14:08 +01:00 committed by Copybot
parent a4c684e266
commit a74eecd110
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar.tsx
View file

@ -5,6 +5,7 @@ import ToolbarDatetime from './toolbar-datetime'
import ToolbarFileInfo from './toolbar-file-info' import ToolbarFileInfo from './toolbar-file-info'
import ToolbarRestoreFileButton from './toolbar-restore-file-button' import ToolbarRestoreFileButton from './toolbar-restore-file-button'
import { isFileRemoved } from '../../../utils/file-diff' import { isFileRemoved } from '../../../utils/file-diff'
import SplitTestBadge from '../../../../../shared/components/split-test-badge'
type ToolbarProps = { type ToolbarProps = {
diff: Nullable<Diff> diff: Nullable<Diff>
@ -17,6 +18,10 @@ export default function Toolbar({ diff, selection }: ToolbarProps) {
return ( return (
<div className="history-react-toolbar"> <div className="history-react-toolbar">
<SplitTestBadge
splitTestName="history-view"
displayOnVariants={['react']}
/>
<ToolbarDatetime selection={selection} /> <ToolbarDatetime selection={selection} />
{selection.selectedFile?.pathname ? ( {selection.selectedFile?.pathname ? (
<ToolbarFileInfo diff={diff} selection={selection} /> <ToolbarFileInfo diff={diff} selection={selection} />

5
services/web/frontend/stylesheets/app/editor/history-react.less
View file

@ -266,6 +266,7 @@ history-root {
.history-react-toolbar { .history-react-toolbar {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px;
.history-react-toolbar-file-info { .history-react-toolbar-file-info {
flex: 1; flex: 1;
@ -275,10 +276,6 @@ history-root {
.history-react-toolbar-time { .history-react-toolbar-time {
font-weight: 700; font-weight: 700;
} }
.history-react-toolbar-restore-file-button {
margin-left: 5px;
}
} }
.history-paywall-prompt { .history-paywall-prompt {