revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-10 17:02:41 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/application/pholio/pholio-edit.css

132 lines
2.4 KiB
CSS
Raw Normal View History

Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
/**
* @provides pholio-edit-css
*/
.pholio-uploaded-image {
Pholio - make the form maintain client side edits between file uploads Summary: Fixes T3553. Did it by adding some code that refreshes the File object on keyup events within a given file entry. also fixes an html derp I found trying to fix this. Test Plan: added cool things like 'bbb' to every field and noted they were maintained when I added more files Reviewers: btrahan Reviewed By: btrahan CC: aran, Korvin, chad Maniphest Tasks: T3553 Differential Revision: https://secure.phabricator.com/D6488
2013-07-19 00:04:08 +02:00
overflow: hidden;
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
/* When we activate the image control to show that we're going to replace
it on drag-and-drop, this gives us a border which looks good without
crowding anything or leaving elements misaligned. */
border: 1px solid transparent;
margin: -4px -4px 12px;
padding: 4px;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
}
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
.pholio-thumb-box {
margin: 2px 0;
float: left;
background: #f7f7f7;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
border: 1px solid #D5D9DF;
border-radius: 3px;
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
width: 296px;
overflow: hidden;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
}
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
.device .pholio-thumb-box {
float: none;
margin: 0 auto;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
}
Add JS support for replacing Pholio mocks 1:1 Summary: Ref T3572. Needs some CSS tweaks, but this lets you drag an image on top of another image to replace it. There's no server-side or transaction support (and I'm not planning to build that), I just wanted to clear the way on the JS side. You'll get an additional array posted called `replaces`. Keys are old file PHIDs; values are new file PHIDs. Note that a key may not exist yet (if a user adds an image, and then also replaces that same image). In this case, the server should just treat it as an add. Test Plan: Dragged images on top of other images. Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6499
2013-07-19 23:07:22 +02:00
.pholio-thumb-frame {
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-size: 280px 210px;
width: 280px;
height: 210px;
padding: 8px;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
}
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
.pholio-thumb-title {
padding: 4px 8px;
font-weight: bold;
color: #444444;
overflow: hidden;
border-bottom: 1px solid #d7d7d7;
Pholio - make the form maintain client side edits between file uploads Summary: Fixes T3553. Did it by adding some code that refreshes the File object on keyup events within a given file entry. also fixes an html derp I found trying to fix this. Test Plan: added cool things like 'bbb' to every field and noted they were maintained when I added more files Reviewers: btrahan Reviewed By: btrahan CC: aran, Korvin, chad Maniphest Tasks: T3553 Differential Revision: https://secure.phabricator.com/D6488
2013-07-19 00:04:08 +02:00
}
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
.pholio-thumb-name {
line-height: 24px;
margin-right: 48px;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
white-space: nowrap;
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
overflow: hidden;
text-overflow: ellipsis;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
}
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
.pholio-thumb-title .button {
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
float: right;
}
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
.pholio-image-details {
margin-left: 312px;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
}
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
.device .pholio-image-details {
margin-left: 0;
clear: both;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
}
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
.pholio-uploaded-image .pholio-image-details .aphront-form-control {
padding: 0;
margin: 0 0 8px 0;
overflow: hidden;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
}
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
.pholio-uploaded-image .pholio-image-details .aphront-form-label,
.pholio-uploaded-image .pholio-image-details .aphront-form-input {
display: block;
width: auto;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
text-align: left;
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
padding: 0;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
margin: 0;
}
Clean up CSS for Pholio upload thing Summary: Ref T3572. Pure JS/CSS changes, just cleaning up some of the mess I made and slightly improving the behavior on mobile (you won't be able to edit images on mobile, but you could fix descriptions and titles, at least). Test Plan: {F50887} Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6500
2013-07-19 23:09:27 +02:00
.pholio-uploaded-image .pholio-image-details .aphront-form-label {
margin: 0 0 4px 0;
Pholio - support editing images - fixes T3489 Summary: Nice title. We add three new transactions - IMAGE_FILE, IMAGE_NAME, and IMAGE_DESCRIPTION. The first is a bit like subscribers as it is a list of file phids. The latter have values of the form ($file_phid => $data), where $data is $name or $description respectively. This is because we need to collate transactions based on $file_phid... Overall, this uses the _underyling files_ and not the "PholioImage" to determine if things are unique or not. That said, simply mark PholioImages as obsolete so inline comments about no-longer applicable PholioImages don't break. Does a reasonable job implementing the mock. Note you can't "update" an image at this time, though you can delete and add at will. Test Plan: played with pholio a ton. Reviewers: epriestley Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T3489 Differential Revision: https://secure.phabricator.com/D6441
2013-07-16 22:31:20 +02:00
}
Pholio - make the form maintain client side edits between file uploads Summary: Fixes T3553. Did it by adding some code that refreshes the File object on keyup events within a given file entry. also fixes an html derp I found trying to fix this. Test Plan: added cool things like 'bbb' to every field and noted they were maintained when I added more files Reviewers: btrahan Reviewed By: btrahan CC: aran, Korvin, chad Maniphest Tasks: T3553 Differential Revision: https://secure.phabricator.com/D6488
2013-07-19 00:04:08 +02:00
.pholio-edit-drop {
border-width: 1px;
border-style: dashed;
border-color: #999999;
text-align: center;
padding: 16px;
color: #666666;
}
Add JS support for replacing Pholio mocks 1:1 Summary: Ref T3572. Needs some CSS tweaks, but this lets you drag an image on top of another image to replace it. There's no server-side or transaction support (and I'm not planning to build that), I just wanted to clear the way on the JS side. You'll get an additional array posted called `replaces`. Keys are old file PHIDs; values are new file PHIDs. Note that a key may not exist yet (if a user adds an image, and then also replaces that same image). In this case, the server should just treat it as an add. Test Plan: Dragged images on top of other images. Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6499
2013-07-19 23:07:22 +02:00
.pholio-uploaded-image.pholio-drop-active,
Pholio - make the form maintain client side edits between file uploads Summary: Fixes T3553. Did it by adding some code that refreshes the File object on keyup events within a given file entry. also fixes an html derp I found trying to fix this. Test Plan: added cool things like 'bbb' to every field and noted they were maintained when I added more files Reviewers: btrahan Reviewed By: btrahan CC: aran, Korvin, chad Maniphest Tasks: T3553 Differential Revision: https://secure.phabricator.com/D6488
2013-07-19 00:04:08 +02:00
.pholio-edit-drop.pholio-drop-active {
Add JS support for replacing Pholio mocks 1:1 Summary: Ref T3572. Needs some CSS tweaks, but this lets you drag an image on top of another image to replace it. There's no server-side or transaction support (and I'm not planning to build that), I just wanted to clear the way on the JS side. You'll get an additional array posted called `replaces`. Keys are old file PHIDs; values are new file PHIDs. Note that a key may not exist yet (if a user adds an image, and then also replaces that same image). In this case, the server should just treat it as an add. Test Plan: Dragged images on top of other images. Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3572 Differential Revision: https://secure.phabricator.com/D6499
2013-07-19 23:07:22 +02:00
border-style: solid;
border-color: {$green};
background-color: {$lightgreen};
}
.pholio-replacing {
opacity: 0.5;
Pholio - make the form maintain client side edits between file uploads Summary: Fixes T3553. Did it by adding some code that refreshes the File object on keyup events within a given file entry. also fixes an html derp I found trying to fix this. Test Plan: added cool things like 'bbb' to every field and noted they were maintained when I added more files Reviewers: btrahan Reviewed By: btrahan CC: aran, Korvin, chad Maniphest Tasks: T3553 Differential Revision: https://secure.phabricator.com/D6488
2013-07-19 00:04:08 +02:00
border-color: {$green};
background-color: {$lightgreen};
}
.pholio-drop-uploading {
padding: 24px;
text-align: center;
border: 1px solid #bbbbbb;
background: #fcfcfc;
color: #666666;
Provide "Undo" on Pholio mock edits Summary: Ref T2637. Allows you to "undo" if you delete an image from a mock by accident. Test Plan: Deleted; undo'd. {F50878} Reviewers: btrahan, chad Reviewed By: chad CC: aran Maniphest Tasks: T2637 Differential Revision: https://secure.phabricator.com/D6498
2013-07-19 17:50:49 +02:00
margin-bottom: 12px;
}
.pholio-drop-undo {
padding: 8px;
margin-bottom: 12px;
text-align: center;
color: #333333;
border: 1px solid {$yellow};
background-color: {$lightyellow};
}
.pholio-drop-undo a {
font-weight: bold;
Pholio - make the form maintain client side edits between file uploads Summary: Fixes T3553. Did it by adding some code that refreshes the File object on keyup events within a given file entry. also fixes an html derp I found trying to fix this. Test Plan: added cool things like 'bbb' to every field and noted they were maintained when I added more files Reviewers: btrahan Reviewed By: btrahan CC: aran, Korvin, chad Maniphest Tasks: T3553 Differential Revision: https://secure.phabricator.com/D6488
2013-07-19 00:04:08 +02:00
}
Copy permalink