CODEWITHSUNDEEP
githubatom-editor
Unknown User
Unknown User

Reputation: 3658

GitHub Atom - Remove the center line in the editor

I just downloaded the GitHub Atom Editor and I'm customizing it.

But I couldn't remove the line that is the middle of the editor.

Line in the middle of the screen.

Anyone help me out how to remove that line?

Upvotes: 71

Views: 41041

Answers (8)

Jodyshop
Jodyshop

Reputation: 664

To disable that line in the latest version, go to:

file > settings > packages > in the search box type: wrap

The core package: wrap guide should appear, click disable.

That's it.

Upvotes: 3

Udhav Sarvaiya
Udhav Sarvaiya

Reputation: 10061

This line starts to show up once after the latest update. There are many ways to remove a vertical line in Atom Editor

First Way:

Disable the wrap-guide package. Go to Atom > File > Setting > Packages, Search "wrap-guide" package and Disable there.

Second Way:

if you want to disable, not need to uninstall. You could also use this in your stylesheet:

Go to File > Stylesheet. Now the style.less a file will be opened. You have to type the following code to disable the vertical line and don't forget to save file.

.editor {
  .wrap-guide {
    visibility: hidden!important;
  }
}

OR

.editor {
    .wrap-guide {
        opacity: .05; //barely visible
    }
}

Upvotes: 0

sgryt
sgryt

Reputation: 290

To remove the horizontal line, go to Settings => Packages, find and disable a "wrap-guide". Then go to Settings = > Editor, choose a "Soft Wrap".

Enjoy.

enter image description here

enter image description here

Upvotes: -1

Oumang Kaushik
Oumang Kaushik

Reputation: 21

There is a new syntax available (listed in the atom only), that is :

atom-text-editor.editor {
  .wrap-guide {
    visibility: hidden;
  }
}

otherwise, it will automatically upgrade, to prevent the breakage with existing style sheets.

Upvotes: 0

ADV-IT
ADV-IT

Reputation: 831

In Atom v1.18.0:

Menu - > Packages -> Settings View -> Manage Packages Scroll to the bottom and click "Disable" on wrap-guide package

Screenshot - Manage Packages:

Screenshot - Manage Packages

Screenshot - wrap-guide:

Screenshot - wrap-guide

Upvotes: 11

nwinkler
nwinkler

Reputation: 54437

This line is provided by the wrap-guide package. You have the following options to remove the line:

Option 1

Disable the wrap-guide package. Go to Atom > Preferences > Packages, type "wrap" into the search box, then wait for the wrap-guide package to show up under Core Packages, and click the Disable button there.

Option 2

Or add the following to your user stylesheet. Use Atom > Open Your Stylesheet to open the styles.less file in the editor, then add the following:

atom-text-editor::shadow {
    .wrap-guide {
        visibility: hidden;
    }
}

Once you save the file, the line will be gone.

More info can be found here: https://discuss.atom.io/t/vertical-line-in-editor/2717

Update 2015-06-28 Updated selector due to updates in the Atom style classes. The above now works in Atom 1.0+.

Upvotes: 136

byroncorrales
byroncorrales

Reputation: 745

You need to go to "Settings" and then click on the button "Open Config Folder".

Add to the file style.less

atom-text-editor::shadow .wrap-guide {
  visibility: hidden;
}

Upvotes: 6

d_rail
d_rail

Reputation: 4119

Disable the wrap-guide package.

Using settings-view: open by entering ctrl/cmd + , enter "wrap guide" in Filter packages input, click the package name in the sidebar, and click Disable in the main window. Or using your config.cson file: add "wrap-guide" in your your disabledPackages array.

You can't uninstall it because it is a core package (relased by Atom).

However, you can change where it shows up by changing your preferredLineLength. Using settings view, click Settings, find the "Preferred Line Length" input and enter an integer. In addition, this setting can be changed per syntax by each languages' settings (Find the language in the side bar and adjust the "Preferred Line Length " input).

Upvotes: 23

Related Questions