overleaf/services/web/frontend/stylesheets/app/editor/history-react.less
Tim Down 397fbd47c2 Merge pull request #12363 from overleaf/td-history-main-area-shell
Add CSS for main history view shell

GitOrigin-RevId: 9c455007bf8b177d59ea97cd73b608d48aba3907
2023-03-30 08:02:54 +00:00

49 lines
922 B
Text

@versions-list-width: 320px;
@history-toolbar-height: 40px;
history-root {
height: 100%;
display: block;
}
.history-react {
display: flex;
height: 100%;
background-color: @history-main-bg;
.history-header {
height: @history-toolbar-height;
background-color: @history-react-header-bg;
color: @history-react-header-color;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
}
.doc-panel {
flex: 1;
display: flex;
flex-direction: column;
.toolbar-container {
border-bottom: 1px solid @history-react-separator-color;
padding: 0 8px;
}
.doc-container {
flex: 1;
}
}
.change-list {
width: @versions-list-width;
border-left: 1px solid @history-react-separator-color;
box-sizing: content-box;
.toggle-switch-container {
padding: 0 16px;
}
}
}