view.ui.css 1.7 KB

12345678910111213141516171819202122232425262728
  1. .m-doc-view .doc-menu-header.is-fixed {position: relative; top: auto; width: calc(100% - 10px); margin-bottom: 12px;}
  2. .m-doc-view .doc-menu {max-height: calc(100vh - 115px);}
  3. .m-doc-view #pick-docDropmenuMenu {position: relative; top: auto; margin-bottom: 12px; background: var(--color-canvas);}
  4. #docPanel {max-height: calc(100vh - 72px); scroll-padding-top: 56px; --doc-max-width: 1120; --doc-sidebar-width: 0px;}
  5. #docEditor {margin: 0 -0.75em 0 -1em; padding-bottom: 8px;}
  6. .doc-menu [data-type="mine"] + menu {max-height: calc(100vh - 296px); margin-right: -4px; margin-top: -4px}
  7. .doc-menu [data-type="mine"] + menu::-webkit-scrollbar,
  8. .doc-menu [data-type="mine"] + menu::-webkit-scrollbar-thumb,
  9. .doc-menu [data-type="mine"] + menu::-webkit-scrollbar-track {visibility: hidden;}
  10. .doc-menu [data-type="mine"] + menu:hover::-webkit-scrollbar,
  11. .doc-menu [data-type="mine"] + menu:hover::-webkit-scrollbar-thumb,
  12. .doc-menu [data-type="mine"] + menu:hover::-webkit-scrollbar-track {visibility: visible;}
  13. #docBody {margin: 0 auto; max-width: calc(var(--doc-max-width) + var(--doc-sidebar-width));}
  14. #docPanel.show-outline, #docPanel.show-history {--doc-sidebar-width: 300px;}
  15. #docOutline, #docHistory, #docSidebar {display: none;}
  16. .show-outline #docSidebar, .show-history #docSidebar,
  17. .show-outline #docOutline, .show-history #docHistory {display: block;}
  18. .show-history #outlineToggle,
  19. .show-outline.show-history #docOutline {display: none;}
  20. .show-history #hisTrigger {color: var(--color-primary-500)}
  21. #docHistory .history-panel {padding: 0;}
  22. #docHistory .panel-heading {padding-top: 0;}
  23. .show-outline #outlineToggle > .icon {transform: rotate(180deg);}
  24. @media (max-width: 1366px) {#docPanel {--doc-max-width: 760px}}
  25. @media (max-width: 1920px) {#docPanel {--doc-max-width: 920px}}