mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-21 01:38:48 +02:00
df264d8548
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
81 lines
1.6 KiB
CSS
81 lines
1.6 KiB
CSS
/**
|
|
* @provides pholio-edit-css
|
|
*/
|
|
|
|
.pholio-uploaded-image {
|
|
float: left;
|
|
margin: 0px 0px 12px 0px;
|
|
}
|
|
|
|
.pholio-uploaded-image .thumb-box {
|
|
border: 1px solid #D5D9DF;
|
|
border-radius: 3px;
|
|
min-width: 280px;
|
|
width: 48%;
|
|
float: left;
|
|
}
|
|
|
|
.pholio-uploaded-image .image-data {
|
|
width: 48%;
|
|
float: right;
|
|
}
|
|
|
|
.pholio-uploaded-image .thumb-box .title {
|
|
width: 100%;
|
|
float: left;
|
|
background: #EDF0F4;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
border-bottom: 1px solid #D5D9DF;
|
|
}
|
|
|
|
.pholio-uploaded-image .thumb-box .thumb {
|
|
float: left;
|
|
background: white;
|
|
padding: 12px 0px 0px 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
.pholio-uploaded-image .thumb-box .title .text {
|
|
width: 220px;
|
|
float: left;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
padding: 6px 0px 0px 8px;
|
|
}
|
|
|
|
.pholio-uploaded-image .thumb-box .title .remove {
|
|
float: right;
|
|
}
|
|
|
|
.pholio-uploaded-image .thumb-box .title .remove .button {
|
|
background: #EDF0F4;
|
|
border: none;
|
|
}
|
|
|
|
.pholio-uploaded-image .thumb-box .title .remove .button:hover {
|
|
box-shadow: inset 0 0 2px rgba(0,0,0,.2);
|
|
}
|
|
|
|
.pholio-uploaded-image .image-data .aphront-form-control {
|
|
padding: 0px 0px 4px 4px;
|
|
}
|
|
.pholio-uploaded-image .image-data .aphront-form-label {
|
|
text-align: left;
|
|
margin: 0px 0px 5px 0px;
|
|
}
|
|
.pholio-uploaded-image .image-data .aphront-form-input {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.aphront-form-input .aphront-form-drag-and-drop-file-list {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
.aphront-form-input .aphront-form-drag-and-drop-file-list
|
|
.drag-and-drop-file-target {
|
|
padding: 20px;
|
|
clear: both;
|
|
}
|