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

Finished basic canvas resizing

Browse Source 
Must test pivots for negative values
This commit is contained in:
unsettledgames
2020-09-15 11:56:05 +02:00
parent 592283321a
commit 5e2a3e46e1
3 changed files with 195 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
css/pixel-editor.scss
View File

@ -959,19 +959,20 @@ svg {
flex-wrap:wrap;
vertical-align:middle;
text-align:center;
width:150px;
width:130px;
float:left;
button {
margin-right:10px;
margin-bottom:10px;
position:relative;
width:40px;
height:40px;
background-color:color(base, background);
border:none;
width:32px;
height:32px;
background:$basehover;
border:none;
path {
fill:color(menu, foreground);
fill:$basehovericon;
}
transition: background 150ms ease-in-out,
transform 150ms ease;
@ -980,11 +981,12 @@ svg {
}
button:hover,
button:focus {
button:focus,
button.rc-selected-pivot {
cursor:pointer;
background-color: color(base, foreground);
background-color: $baseicon;
path {
fill:color(base, foreground, bold);
fill:$basehovericonhover;
}
border: 2px solid color(base, foreground);
}
@ -993,13 +995,11 @@ svg {
}
}
#borders-menu {
#borders-menu, #rc-size-menu {
display:flex;
position:relative;
flex-wrap: wrap;
width:250px;
float:right;
vertical-align:middle;
font-size:15px;
left:10px;
text-align:center;
@ -1007,8 +1007,9 @@ svg {
input {
position:relative;
margin-left:10px;
height:10px;
width:20px;
height:15px;
width:40px;
padding:8px;
}
input::-webkit-outer-spin-button,
@ -1021,21 +1022,39 @@ svg {
-moz-appearance: textfield;
}
h2 {
position:relative;
display:inline-block;
}
span {
padding-right:10px;
float:left;
position:relative;
display: flex;
vertical-align:middle;
height:40px;
height:40px;
width:100px;
display: inline-flex;
align-items: center;
}
}
#rc-size-menu {
span {
width:115px;
}
}
#borders-menu {
width:400px;
justify-content: center;
div {
float: none;
width: 330px;
padding-left:50px;
span {
padding-right:20px;
}
}
}
#resize-canvas-confirm {
background: color(button);
border: none;