mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Fix save/upload buttons UX

Browse Source 
- new look and feel
- upload for png spritesheet & animated gif
- remove host code (window.open) from spritesheetRenderer
This commit is contained in:
Vince
2013-06-13 16:31:09 +02:00
parent a6ef4ace6d
commit d1f292bd69
7 changed files with 74 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
css/tools.css
View File

@@ -185,19 +185,29 @@
/*
* Framesheet level actions:
*/
.tool-icon.tool-save {
background-image: url(../img/actions/save.png);
.tool-icon.save-icon {
background-image: url(../img/save.png);
background-position: 6px 6px;
background-size: 36px 36px;
}
.tool-icon.tool-export {
background-image: url(../img/actions/image-export.png);
.tool-icon.upload-cloud-icon {
background-image: url(../img/cloud_export.png);
background-position: 4px 0px;
background-size: 36px 36px;
position: relative;
}
.tool-icon.tool-upload {
background-image: url(../img/actions/image-upload.png);
.upload-cloud-icon .label {
position: absolute;
left: 0;
bottom: 4px;
right: 0;
font-size: 11px;
text-transform: uppercase;
color: #fff;
}
.tool-icon.tool-add-frame {
background-image: url(../img/actions/add.png);
}