Acasă Explorează Ajutor
Înregistrare Autentificare
zhh
/
zentao
1
0
Bifurcare 0
Fisiere Probleme 0 Trageți solicitările 0 Wiki
Ramură: master
Ramuri Etichete
zentao
/
extension
/
ipd
/
ai
/
ext
/
css
/
knowledgelibview
/
zentaobiz.ui.css

zentaobiz.ui.css 4.3 KB
Permalink Istoric Crud

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 
  1. :root { --menu-icon-opacity: 1; }
    2. 

  2. .page-kbview { display: flex; align-items: flex-start; height: calc(100vh - 158px); gap: 18px; }
    3. 

  3. .page-kbview .sidebar-left { height: 100%;flex-shrink: 0; }
    4. 

  4. .page-kbview .sidebar-left .panel { box-shadow: none; border: solid 1px #EBEDF3; height: 100%; display: flex; flex-direction: column; }
    5. 

  5. .page-kbview .sidebar-left .panel-heading { padding: 10px 13px; font-size: 14px; line-height: 24px; font-weight: 600; }
    6. 

  6. .page-kbview .sidebar-left .panel-body { padding: 0; flex: 1; overflow-y: auto; }
    7. 

  7. .page-kbview .sidebar-left .tabs-header { padding: 8px; padding-bottom: 0; }
    8. 

  8. .page-kbview .sidebar-left .nav { justify-content: center; border-bottom: solid 1px #C6CAD3; }
    9. 

  9. .page-kbview .sidebar-left .nav-item span { font-weight: normal !important; color: #30394A; }
    10. 

  10. .page-kbview .sidebar-left .nav-item a.active span { font-weight: bold !important; }
    11. 

  11. .page-kbview .sidebar-left .tab-content { padding-top: 0; }
    12. 

  12. #knowledgeTree { padding: 12px; padding-top: 15px; }
    13. 

  13. #knowledgeTree li { cursor: pointer; user-select: none; transition: background-color 0.2s; }
    14. 

  14. #knowledgeTree .item-title { color: #313C52; }
    15. 

  15. #knowledgeTree .listitem:has(a.item-title):hover { background-color: #F5F5F5; }
    16. 

  16. #knowledgeTree .listitem.selected { background-color: #E8F3FC; }
    17. 

  17. #knowledgeTree .listitem.selected .item-title { font-weight: normal; }
    18. 

  18. #knowledgeTree .listitem { padding: 0 4px; }
    19. 

  19. #knowledgeTree .listitem .item-icon { opacity: 1; }
    20. 

  20. #knowledgeTree > li:not(:first-child) { margin-top: 6px; }
    21. 

  21. #knowledgeTree menu li { margin-top: 6px; }
    22. 

  22. #knowledgeTree .item-content a { flex: 1; line-height: 24px; }
    23. 

  23. .kb-item-text .icon { color: #3883FA; }
    24. 

  24. .kb-item-file .icon { color: #12A772; }
    25. 

  25. .kb-item-story .icon { color: #FACC14; }
    26. 

  26. .kb-item-task .icon { color: #8C96FC; }
    27. 

  27. .kb-item-case .icon { color: #666; }
    28. 

  28. .kb-item-bug .icon { color: #FF7B64; }
    29. 

  29. .kb-item-plan .icon { color: #666; }
    30. 

  30. .kb-item-release .icon { color: #3883FA; }
    31. 

  31. .kb-item-feedback .icon { color: #FF4F4F; }
    32. 

  32. .kb-item-ticket .icon { color: #E33E3E; }
    33. 

  33. .kb-item-doc .icon { color: #BF83FC; }
    34. 

  34. .kb-item-issue .icon { color: #3883FA; }
    35. 

  35. .kb-item-risk .icon { color: #FF7B64; }
    36. 

  36. .kb-item-opportunity .icon { color: #FACC14; }
    37. 

  37. .kb-item-practice .icon { color: #8C96FC; }
    38. 

  38. .kb-item-component .icon { color: #12A772; }
    39. 

  39. .page-kbview .main-content { border: solid 1px #EBEDF3; flex: 1; background: #FFF; display: flex; flex-direction: column; }
    40. 

  40. .page-kbview .main-content:not(:has(.dtable)) { height: 100%; }
    41. 

  41. .page-kbview .main-content .section-header { display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px #EBEDF3; min-height: 40px; }
    42. 

  42. .page-kbview .main-content .section-header h2 { padding: 0 24px; display: flex; align-items: center; gap: 8px; font-weight: normal; width: 66%; }
    43. 

  43. .page-kbview .main-content .section-header h2 span { display: block; font-size: 14px; line-height: 24px; color: #313C52; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    44. 

  44. .page-kbview .section-header h2 input { max-width: 240px; }
    45. 

  45. .page-kbview .section-header h2.edit-mode span,
    46. 

  46. .page-kbview .section-header h2.edit-mode .edit-btn,
    47. 

  47. .page-kbview .section-header h2 input { display: none; }
    48. 

  48. .page-kbview .section-header h2.edit-mode input { display: block; }
    49. 

  49. .page-kbview .main-content .section-header .actions { display: flex; align-items: center; gap: 10px; padding-right: 10px; }
    50. 

  50. .page-kbview .main-content .section-header .actions .show-source { display: flex; align-items: center; gap: 10px; }
    51. 

  51. .page-kbview .main-content .section-content { flex: 1; padding: 24px; overflow-y: auto; display: flex; flex-direction: column; gap: 22px; }
    52. 

  52. .page-kbview .main-content .section-content img { max-width: 100%; }
    53. 

  53. .page-kbview .dtable.shadow { box-shadow: none; }
    54. 

  54. 

  55. .void-view { display: flex;height: 100%;align-items: center;justify-content: center;font-size: 16px; }
    56. 

  56. 

  57. .empty-view { display: flex; flex-direction: column; height: calc(100vh - 158px); gap: 36px; align-items: center; justify-content: center; background-color: #FFF; overflow-y: auto; }
    58. 

  58. .empty-view h2 { font-size: 24px; color: #007AFF; }
    59. 

  59. .empty-view .add-actions { max-width: 860px; display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 20px; }
    60. 

  60. .empty-view .add-actions .btn { position: relative; padding-top: 60px; padding-bottom: 12px; height: auto; }
    61. 

  61. .empty-view .add-actions .btn .icon { position: absolute; top: 20px; left: 50%; translate: -50% 0; font-size: 24px; }
    62.