Add cropping
This commit is contained in:
parent
4c2b72e0f9
commit
6867e0b13f
19 changed files with 1414 additions and 52 deletions
48
data/resources/edit_crop.css
Normal file
48
data/resources/edit_crop.css
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
lpcrop {
|
||||
--discarded-background: rgba(50, 50, 50, 0.7);
|
||||
--selection-border-color: rgba(255, 255, 255, 0.7);
|
||||
--handle-border-color: rgba(255, 255, 255, 0.9);
|
||||
--handle-size: 20px;
|
||||
--handle-border-width: 3px;
|
||||
--handle-offset: -4px;
|
||||
}
|
||||
|
||||
.selection {
|
||||
outline: 1px solid var(--selection-border-color);
|
||||
}
|
||||
|
||||
.handle {
|
||||
padding: var(--handle-size) var(--handle-size) 0 0;
|
||||
}
|
||||
|
||||
.handle-top-left {
|
||||
border-top: var(--handle-border-width) var(--handle-border-color) solid;
|
||||
border-left: var(--handle-border-width) var(--handle-border-color) solid;
|
||||
margin-top: var(--handle-offset);
|
||||
margin-left: var(--handle-offset);
|
||||
}
|
||||
|
||||
.handle-top-right {
|
||||
border-top: var(--handle-border-width) var(--handle-border-color) solid;
|
||||
border-right: var(--handle-border-width) var(--handle-border-color) solid;
|
||||
margin-top: var(--handle-offset);
|
||||
margin-right: var(--handle-offset);
|
||||
}
|
||||
|
||||
.handle-bottom-left {
|
||||
border-left: var(--handle-border-width) var(--handle-border-color) solid;
|
||||
border-bottom: var(--handle-border-width) var(--handle-border-color) solid;
|
||||
margin-left: var(--handle-offset);
|
||||
margin-bottom: var(--handle-offset);
|
||||
}
|
||||
|
||||
.handle-bottom-right {
|
||||
border-bottom: var(--handle-border-width) var(--handle-border-color) solid;
|
||||
border-right: var(--handle-border-width) var(--handle-border-color) solid;
|
||||
margin-bottom: var(--handle-offset);
|
||||
margin-right: var(--handle-offset);
|
||||
}
|
||||
|
||||
.discarded-area {
|
||||
background: var(--discarded-background);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue