angular-ui / ui-ace

This directive allows you to add ACE editor elements.
http://angular-ui.github.io/ui-ace
MIT License
578 stars 172 forks source link

Wrong cursor position #115

Open captainkovalsky opened 9 years ago

captainkovalsky commented 9 years ago

I've used ace library for formatting json. I know that we must use monospaced fonts. I use "Consolas", but I've another bug, cusrsor is margined right from last letter See screen bug

antonpodolsky commented 9 years ago

I had a similar problem when I added padding to .ace_content

ghost commented 9 years ago

I had the same problem in my application . Someone discovered if there is any conflict with other css libraries ?

doomsayer13 commented 8 years ago

Try to add to your code this:

` .ace_editor, .ace_editor div { font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;

    .ace_line {
        font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;

        span {
            font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
        }
    }
}`

It's solved my problems.

paulobouca commented 6 years ago

I need to add this syntax: /deep and !important.

/deep/ .ace_editor, .ace_editor div {
  font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;

  .ace_line {
    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;

    span {
      font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
    }
  }
}