jyapayne/ace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more folding css tweaks

Browse source
This commit is contained in:
Fabian Jakobs 2011-12-09 17:18:46 +01:00
commit dac9d03944
2 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
lib/ace/css/editor.css
View file

@ -165,6 +165,10 @@
} }
.ace_line .ace_fold { .ace_line .ace_fold {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: inline-block; display: inline-block;
height: 11px; height: 11px;
margin-top: -2px; margin-top: -2px;
@ -179,9 +183,9 @@
color: transparent; color: transparent;
border: 1px solid black; border: 1px solid black;
-moz-border-radius: 1px; -moz-border-radius: 2px;
-webkit-border-radius: 1px; -webkit-border-radius: 2px;
border-radius: 1px; border-radius: 2px;
cursor: pointer; cursor: pointer;
pointer-events: auto; pointer-events: auto;
@ -213,9 +217,9 @@
margin: 0 -12px 1px 1px; margin: 0 -12px 1px 1px;
display: inline-block; display: inline-block;
height: 15px; height: 14px;
width: 11px; width: 11px;
vertical-align: middle; vertical-align: text-bottom;
background-image: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%05%00%00%00%05%08%06%00%00%00%8Do%26%E5%00%00%004IDATx%DAe%8A%B1%0D%000%0C%C2%F2%2CK%96%BC%D0%8F9%81%88H%E9%D0%0E%96%C0%10%92%3E%02%80%5E%82%E4%A9*-%EEsw%C8%CC%11%EE%96w%D8%DC%E9*Eh%0C%151(%00%00%00%00IEND%AEB%60%82"); background-image: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%05%00%00%00%05%08%06%00%00%00%8Do%26%E5%00%00%004IDATx%DAe%8A%B1%0D%000%0C%C2%F2%2CK%96%BC%D0%8F9%81%88H%E9%D0%0E%96%C0%10%92%3E%02%80%5E%82%E4%A9*-%EEsw%C8%CC%11%EE%96w%D8%DC%E9*Eh%0C%151(%00%00%00%00IEND%AEB%60%82");
background-repeat: no-repeat; background-repeat: no-repeat;

6
lib/ace/layer/text.js
View file

@ -388,7 +388,10 @@ var Text = function(parentEl) {
if (!this.$textToken[token.type]) { if (!this.$textToken[token.type]) {
var classes = "ace_" + token.type.replace(/\./g, " ace_"); var classes = "ace_" + token.type.replace(/\./g, " ace_");
stringBuilder.push("<span class='", classes, "'>", output, "</span>"); var style = "";
if (token.type == "fold")
style = " style='width:" + (token.value.length * this.config.characterWidth) + "px;' ";
stringBuilder.push("<span class='", classes, "'", style, ">", output, "</span>");
} }
else { else {
stringBuilder.push(output); stringBuilder.push(output);
@ -400,7 +403,6 @@ var Text = function(parentEl) {
var chars = 0; var chars = 0;
var split = 0; var split = 0;
var splitChars; var splitChars;
var characterWidth = this.config.characterWidth;
var screenColumn = 0; var screenColumn = 0;
var self = this; var self = this;