overleaf/services/web/frontend/stylesheets/app/editor/history-react.less
M Fahru 17a98d756e Add badges UI to history react file tree (#12479)
GitOrigin-RevId: 52c45b72110e01bb193139654fa9385cb9b9e489
2023-04-05 08:03:05 +00:00

87 lines
1.6 KiB
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;
overflow-y: auto;
.document-diff-container {
height: 100%;
display: flex;
flex-direction: column;
.cm-editor {
height: 100%;
}
}
}
}
.change-list {
width: @versions-list-width;
border-left: 1px solid @history-react-separator-color;
box-sizing: content-box;
.toggle-switch-container {
padding: 0 16px;
}
}
.toggle-switch-label {
flex: 1;
span {
display: block;
}
}
.history-loading-panel {
padding-top: 10rem;
font-family: @font-family-serif;
text-align: center;
}
.history-file-entity-operation-badge {
flex: 0 0 auto;
text-transform: lowercase;
margin-left: 0.5em;
font-size: 0.7em;
background: @history-file-badge-bg;
color: @history-file-badge-color;
border-radius: 8px;
line-height: 1;
padding: 2px 4px 3px;
margin-top: 2px;
}
}