Giter VIP home page Giter VIP logo

atom-minimap's Introduction

Minimap package Build Status

A preview of the full source code.

Minimap Screenshot

Installation

apm install minimap

Features

  • Mouse wheel and click-to-scroll (no animation)
  • Drag-to-scroll

Settings

  • Auto Toggle: If checked the minimap is toggled on at startup. (default=false)
  • Display Code Highlights: If checked the code will be highlighted using the grammar tokens.
  • Display Minimap On Left: If checked the minimap appears on the left side of editors, otherwise it appears on the ride side. (default=false)
  • Display Plugins Controls: If checked, the minimap plugins can be activated/deactivated from the minimap settings view and a quick settings dropdown will be available on the top right corner of the minimap. You need to restart Atom for this setting to be effective.
  • Line Overdraw: The amount of lines that are rendered past the bounds of the editor view. Smaller values may result in more updates but with less lines rendered each time while larger values will reduce the latency between a scroll and the display of the previously hidden lines at the cost of a bigger update time.
  • Minimap Scroll Indicator: Toggles the display of a side line showing which part of the buffer is currently displayed by the minimap. The side line appear only if the
  • Plugins *: When plugins are installed, a setting is created for each to enable/disable them directly from the minimap settings view.
  • Scale: The scale of the minimap.
  • Use Hardware Acceleration: If checked the minimap scroll is done using a translate3d transform, otherwise the translate transform is used.

Key Bindings

  • ctrl-k ctrl-m: Toggles the minimap without the logs.
  • ctrl-k ctrl-d: Toggles the minimap with the logs.
  • ctrl-k ctrl-s: Toggles the minimap plugins quick settings dropdown.

Customizing Key Bindings:

'.editor':
  'cmd-m': 'minimap:toggle'
  'cmd-d': 'minimap:toggle-debug'

Customizing Style

If you want to use another font instead of the default [Redacted][] font or change any styles, edit your style.less (Open Your Stylesheet).

.minimap .lines {
  font-family: Monaco;
}

// hide scrollbar
.with-minimap .vertical-scrollbar {
  opacity: 0;
  width: 0;
}

Contributors

https://github.com/fundon/atom-minimap/graphs/contributors

Plugins

The minimap can be augmented with plugins, belows the list of available plugins so far:

When the displayPluginsControls setting is toggled on, plugins activation can be managed directly from the minimap package settings or by using the quick settings dropdown available on the mimimap itself:

Minimap Screenshot

Wiki

License

MIT

atom-minimap's People

Contributors

abe33 avatar fnkr avatar fundon avatar jrouviere avatar orangetronic avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.