styles.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .obsidian-icon-folder-icon {
  2. border: 1px solid transparent;
  3. margin: 0px 4px 0px 0px;
  4. display: flex;
  5. align-self: center;
  6. margin: auto 0;
  7. }
  8. .nav-folder-title,
  9. .nav-file-title {
  10. align-items: center;
  11. }
  12. .obsidian-icon-folder-setting .setting-item-control .dropdown {
  13. margin-right: 12px;
  14. }
  15. .obsidian-icon-folder-setting input[type='color'] {
  16. margin: 0 6px;
  17. }
  18. .obsidian-icon-folder-modal.prompt-results {
  19. margin: 0;
  20. overflow-y: auto;
  21. display: grid;
  22. grid-template-columns: repeat(5, minmax(0, 1fr));
  23. }
  24. .prompt .obsidian-icon-folder-subheadline {
  25. margin-top: 12px;
  26. font-size: 12px;
  27. color: gray;
  28. grid-column-start: 1;
  29. grid-column-end: 6;
  30. }
  31. @media (max-width: 640px) {
  32. .obsidian-icon-folder-modal.prompt-results {
  33. grid-template-columns: repeat(3, minmax(0, 1fr));
  34. }
  35. .prompt .obsidian-icon-folder-subheadline {
  36. grid-column-end: 4;
  37. }
  38. }
  39. .obsidian-icon-folder-modal.prompt-results .suggestion-item {
  40. cursor: pointer;
  41. white-space: pre-wrap;
  42. display: flex;
  43. justify-content: flex-end;
  44. align-items: center;
  45. flex-direction: column-reverse;
  46. text-align: center;
  47. font-size: 13px;
  48. color: gray;
  49. padding: 16px 8px;
  50. line-break: auto;
  51. word-break: break-word;
  52. line-height: 1.3;
  53. }
  54. .obsidian-icon-folder-modal.prompt-results .suggestion-item.suggestion-item__center {
  55. justify-content: center;
  56. }
  57. .obsidian-icon-folder-icon-preview img {
  58. width: 16px;
  59. height: 16px;
  60. }
  61. .obsidian-icon-folder-icon-preview svg {
  62. width: 24px;
  63. height: 24px;
  64. color: currentColor;
  65. margin-bottom: 4px;
  66. }
  67. .obsidian-icon-folder-dragover {
  68. position: relative;
  69. }
  70. .obsidian-icon-folder-dragover-el {
  71. position: absolute;
  72. width: 100%;
  73. height: 100%;
  74. color: var(--text-normal);
  75. background-color: var(--background-secondary-alt);
  76. display: flex;
  77. align-items: center;
  78. justify-content: center;
  79. }