dakedres/ronin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improved Widget design

Browse Source
This commit is contained in:
Devine Lu Linvega 2017-01-23 16:34:30 -07:00
parent e3c30aff2b
commit 3cd39017bf
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
links/main.css
View File

@ -9,11 +9,11 @@ canvas:hover { cursor: crosshair;}
#overlay { position:absolute; z-index:1000;}
#widget { color:#fff; position:absolute; font-size:10px; padding-top:10px; border-top:1px solid #333; background-image:url(../media/graphics/logo.svg); background-repeat:no-repeat; background-size:80px 80px; height:100px; background-position: -10px 10px; line-height:20px;}
#widget .module:first-child { margin-left:80px; }
#widget .module { float:left; margin-right:10px; margin-top:5px; width: 25% }
#widget .module { float:left; margin-right:10px; margin-top:5px;}
#widget .module .layer { color:#999; padding:2px 5px;}
#widget .module .highlight { background:#fff; color:black;}
#widget .module .highlight.managed { background:red; color:black; }
#widget .cursor { float:right; text-align: right; margin-top:5px}
#widget .cursor { text-align: right;margin-top: 5px;position: absolute;right:0px}
#widget .layer:hover { cursor:pointer;}
#commander { display:none; z-index: 2000; position:fixed; }

4
scripts/core/widget.js
View File

@ -6,9 +6,11 @@ function Widget()
{
var s = "";
s += "<div class='module'>";
for (var key in ronin.modules){
s += ronin.modules[key].widget() ? "<div class='module'>"+ronin.modules[key].widget()+"</div>" : "";
s += ronin.modules[key].widget() ? ronin.modules[key].widget()+"<br />" : "";
}
s += "</div>";
s += "<div class='cursor'>"+ronin.cursor.mode.widget_cursor()+"</div>";

2
scripts/modules/brush.js
View File

@ -80,7 +80,7 @@ function Brush(rune)
return "Eraser "+this.size;
}
else{
return "Brush("+ronin.brush.pointers.length+") "+this.size+" "+this.color.hex+"<br />";
return "Brush "+ronin.brush.pointers.length+"x "+this.size+" <span style='color:"+this.color.hex+"'>&#9679;</span><br />";
}
}