flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-29 18:30:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

more tweaks...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2018-01-17 03:58:13 +03:00
parent 7abd1b0f4e
commit aab21de923
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui (gen4)/experiments/image-crop-edit.html
View File

@ -19,7 +19,14 @@ input[type=radio] {
display: none;
}
input:not(:checked) ~ * {
color: silver;
opacity: 0.3;
}
input:hover:not(:checked) ~ * {
opacity: 0.8;
}
input:not(:checked) ~ sub:hover,
input:not(:checked) ~ sub {
opacity: 0.3;
}
.material-icons {
@ -119,7 +126,6 @@ function setRatio(ratio){
.data('uiResizable')._aspectRatio = ratio
if(ratio === false){
$('#lock-ratio')[0].checked = false
return
}
@ -153,17 +159,19 @@ function flip(){
}
}
function toggleLock(){
function toggleLock(m){
var crop = $('.crop')
var r = crop.resizable("option", "aspectRatio")
if(r === false){
if(m === true || r === false){
var w = crop.width()
var h = crop.height()
$('#lock-ratio')[0].checked = true
setRatio(w/h)
} else {
$('#lock-ratio')[0].checked = false
setRatio(false)
}
}
@ -203,6 +211,7 @@ function toggleLock(){
<span>16:9</span>
</label>
<button onclick="flip()"><span class="material-icons">crop_rotate</span></button>
<button><span class="material-icons">clear</span></button>
<br>
<pre>