common.ui.css 4.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. #fileTabs .nav-tabs {overflow: hidden;position: absolute; height: 40px;background: #efefef;}
  2. #fileTabs .nav-tabs > li.nav-item > a {z-index: 1; background: none; padding: 1.7rem; cursor: pointer !important; margin-left: -25px; margin-top: 12px;}
  3. #fileTabs .nav-tabs > li > a::after {content: ''; position: absolute; top: 2px; left: 10px; width: 85%; right: 6px; bottom: 0; background: #f8f8f8; border: none; border-radius: 10px 10px 0 0; transform: perspective(0.5rem) rotateX(2deg); z-index: -1;}
  4. #fileTabs .nav-tabs > li > a.active span {font-weight: 700; color: #2b80ff!important;}
  5. #fileTabs .nav-tabs > li > a.active::after {background: #fff;}
  6. #fileTabs > .nav-tabs {overflow: hidden; padding-bottom: 10px; position: relative; height: 40px; background: #efefef;}
  7. #fileTabs > .nav-tabs {position: absolute; display: flex; padding-left: 25px;}
  8. #fileTabs .monaco-close{margin-right: 18px;}
  9. #fileTabs .nav-tabs > li > a > span{margin-left: 18px;font-weight: 700;color: #313c52!important;}
  10. #related .btn-right, #related .btn-left {padding-top: 6px;}
  11. #log .action-btn {margin-top: -7px;}
  12. .repoCode .btn.btn-right, .repoCode .btn.btn-left {margin-right: 0; padding: 6px 6px;}
  13. .btn-left, .btn-right {display: none;}
  14. #linkObject{display: none;}
  15. #monacoTree .tree-item-content span {cursor: pointer;}
  16. #table-repo-browse .directory {background-image:url('theme/default/images/repo/dir.png');}
  17. #table-repo-browse .file {background-image:url('theme/default/images/repo/txt.png');}
  18. .mini-icon {display: inline-block; height: 16px; width: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; vertical-align: text-bottom; margin-right: 5px;}
  19. .tree-item, .listitem, .item-content {cursor: pointer;}
  20. .sync-content {margin: 10px}
  21. .sync-main-content {padding: 20px;background-color: #fff;border-radius: 4px;}
  22. .sync-line {border-top: 1px solid #e4e4e4; margin: 10px 0;}
  23. .sync-main-content div {width: 100%;}
  24. .sync-main-content h3 {font-size: 16px; font-weight: 700;}
  25. .sync-main-content p {color: #313c52;}
  26. .sync-main-content .alert > [class*="icon-"] {font-size: 42px;opacity: 0.8;}
  27. .repo-linkstory-title {background-color: #e6f0ff; color: #2e7fff; padding: 12px 6px 12px;}
  28. #repoBranchDropMenu .dropmenu-btn {justify-content: space-between; width: 100%;}
  29. #monacoTabs .nav > li > a {padding: 8px 10px; display: flex; white-space: pre;}
  30. #monacoTabs .nav-tabs > li > a > span {margin-right: 5px; max-width: 6rem; text-overflow: clip; overflow: hidden; white-space: nowrap;}
  31. #monacoTabs .tab-pane {display: none;}
  32. #monacoTabs {background: #FFFFFF;}
  33. #monacoTabs .tab-pane.active {display: block;}
  34. #monacoTabs .tab-nav-item {max-width: none !important;}
  35. #monacoTabs .tab-nav-item .icon {line-height: inherit;}
  36. #monacoTabs {overflow: hidden; position: relative; height: 100%;}
  37. #monacoTabs > .nav-tabs {position: absolute; display: flex; padding-right: 20px;}
  38. #fileTabs .arrow-left, #fileTabs .arrow-right {line-height: 27px; padding: 6px; width: 26px; background: #efefef; cursor: pointer;}
  39. #fileTabs .arrow-right {right: 40px; cursor: pointer;}
  40. #monacoTabs ul {min-width: 100%; padding-left: 25px; z-index: 1;}
  41. #monacoTabs .tab-content {margin-top: 40px;}
  42. #monacoTabsContainer {background: #efefef;}
  43. .monaco-dropmenu{background: #efefef; height: 40px; line-height: 40px;}
  44. .ghost.monaco-dropmenu:hover{background-color: #efefef;}
  45. #fileTabs > .btn {background: #efefef; border: none; --tw-ring-shadow: none;}
  46. #fileTabs > .btn-right {padding-right: 40px;}
  47. #repoBranchDropMenu > .dropmenu-btn {background: white; --tw-ring-color: none; color: inherit; margin-bottom: 10px;}
  48. .repo-select #repoBranchDropMenu > .dropmenu-btn {background: inherit; --tw-ring-color: none; color: inherit; margin-bottom: 0;}
  49. #repoBranchDropMenu > .dropmenu-btn > .icon-angle-right {display: none;}
  50. #log .action-btn .caret {display: none;}
  51. #fileTabs .monaco-dropmenu .caret {display: none;}
  52. #monacoTabs .gap-x-5 {-moz-column-gap: 0; column-gap: 0;}
  53. #reviewBugContainer {position: fixed; right: 0; top: 0px; width: 25%; height: 100%; background: #fff; border-left: 5px solid #F4F5F7; overflow-y: auto; z-index: 9;}
  54. #log .action-btn .btn {padding-left: .25rem; padding-right: .25rem;}
  55. .dropmenu-btn>.text {max-width: 280px;}
  56. #mainMenu + #mainContent > .repo-sidebar {margin-top: 0;}
  57. #monacoTabs .menu-item > a, #monacoEditor .menu-item > a {justify-content: start;}
  58. .codicon-light-bulb.lightbulb-glyph {display: none;}
  59. span.menu-toggle.nested-toggle-icon.is-empty {width: 0.1rem;}
  60. #repoDropmenu .icon-angle-right {display: none;}
  61. .is-sidebar-resizing .repo-iframe {pointer-events: none;}