|
| 1 | +/* CodeMirror Minimap Styles */ |
| 2 | + |
| 3 | +/* Hide CodeMirror's native scrollbars when minimap is active */ |
| 4 | +.CodeMirror.has-minimap .CodeMirror-vscrollbar, |
| 5 | +.CodeMirror.has-minimap .CodeMirror-hscrollbar, |
| 6 | +.CodeMirror.has-minimap .CodeMirror-scrollbar-filler { |
| 7 | + display: none !important; |
| 8 | +} |
| 9 | + |
| 10 | +/* Hide the gutter scrollbar filler */ |
| 11 | +.CodeMirror.has-minimap .CodeMirror-gutter-filler { |
| 12 | + display: none !important; |
| 13 | +} |
| 14 | + |
| 15 | +/* Ensure the editor content doesn't show scrollbars */ |
| 16 | +.CodeMirror.has-minimap .CodeMirror-scroll { |
| 17 | + overflow: hidden !important; |
| 18 | +} |
| 19 | + |
| 20 | +/* Hide any remaining scrollbars on the wrapper */ |
| 21 | +.CodeMirror.has-minimap { |
| 22 | + overflow: hidden !important; |
| 23 | +} |
| 24 | + |
| 25 | +.CodeMirror.has-minimap .CodeMirror-sizer { |
| 26 | + overflow: hidden !important; |
| 27 | +} |
| 28 | + |
| 29 | +/* Minimap container styles */ |
| 30 | +.CodeMirror-minimap { |
| 31 | + position: absolute; |
| 32 | + top: 0; |
| 33 | + right: 0; |
| 34 | + background: rgba(0, 0, 0, 0.1); |
| 35 | + border-left: 1px solid rgba(255, 255, 255, 0.1); |
| 36 | + z-index: 10; |
| 37 | + cursor: pointer; |
| 38 | + user-select: none; |
| 39 | + overflow: hidden !important; |
| 40 | + backdrop-filter: blur(2px); |
| 41 | +} |
| 42 | + |
| 43 | +/* Hide scrollbars on minimap and all child elements */ |
| 44 | +.CodeMirror-minimap, |
| 45 | +.CodeMirror-minimap * { |
| 46 | + scrollbar-width: none !important; /* Firefox */ |
| 47 | + -ms-overflow-style: none !important; /* IE/Edge */ |
| 48 | +} |
| 49 | + |
| 50 | +.CodeMirror-minimap::-webkit-scrollbar, |
| 51 | +.CodeMirror-minimap *::-webkit-scrollbar { |
| 52 | + display: none !important; /* Chrome/Safari */ |
| 53 | + width: 0 !important; |
| 54 | + height: 0 !important; |
| 55 | +} |
| 56 | + |
| 57 | +/* Minimap canvas */ |
| 58 | +.CodeMirror-minimap canvas { |
| 59 | + display: block; |
| 60 | + width: 100%; |
| 61 | + height: 100%; |
| 62 | +} |
| 63 | + |
| 64 | +/* Viewport indicator */ |
| 65 | +.CodeMirror-minimap-viewport { |
| 66 | + position: absolute; |
| 67 | + left: 0; |
| 68 | + background: rgba(255, 255, 255, 0.1); |
| 69 | + border: 1px solid rgba(255, 255, 255, 0.3); |
| 70 | + border-radius: 2px; |
| 71 | + pointer-events: none; |
| 72 | + transition: opacity 0.2s ease; |
| 73 | +} |
| 74 | + |
| 75 | +/* Remove the minimap scrollbar elements since we don't need them */ |
| 76 | +.CodeMirror-minimap-scrollbar, |
| 77 | +.CodeMirror-minimap-scrollbar-thumb { |
| 78 | + display: none !important; |
| 79 | +} |
| 80 | + |
| 81 | +/* Dark theme adjustments */ |
| 82 | +.CodeMirror.cm-s-ayu-dark .CodeMirror-minimap, |
| 83 | +.CodeMirror.cm-s-ayu-mirage .CodeMirror-minimap { |
| 84 | + background: rgba(0, 0, 0, 0.3); |
| 85 | + border-left-color: rgba(255, 255, 255, 0.05); |
| 86 | +} |
| 87 | + |
| 88 | +/* Light theme adjustments */ |
| 89 | +.CodeMirror.cm-s-default .CodeMirror-minimap { |
| 90 | + background: rgba(255, 255, 255, 0.8); |
| 91 | + border-left-color: rgba(0, 0, 0, 0.1); |
| 92 | +} |
| 93 | + |
| 94 | +.CodeMirror.cm-s-default .CodeMirror-minimap-viewport { |
| 95 | + background: rgba(0, 0, 0, 0.1); |
| 96 | + border-color: rgba(0, 0, 0, 0.2); |
| 97 | +} |
0 commit comments