mirror of
https://we.phorge.it/source/phorge.git
synced 2025-01-06 04:41:01 +01:00
29d6180e35
Summary: Show drafts for users that made them. Show inline comments beside image, highlights them when user mouseovers selection. Allow users that can view mock to add inline comment instead of only allowing users that can edit mock to add inline comment. Test Plan: Verified that inline comments are shown beside image. Verified that only drafts for current user are shown. Verified that inline comment is highlithed when user mouseovers their selection. Reviewers: epriestley CC: aran, Korvin Maniphest Tasks: T2446 Differential Revision: https://secure.phabricator.com/D4929
78 lines
1.3 KiB
CSS
78 lines
1.3 KiB
CSS
/**
|
|
* @provides pholio-css
|
|
*/
|
|
.pholio-mock-image-container {
|
|
background-color: #282828;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.pholio-mock-carousel {
|
|
background-color: #282828;
|
|
text-align: center;
|
|
}
|
|
|
|
.pholio-mock-carousel-thumbnail {
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pholio-mock-image {
|
|
display: inline-block;
|
|
}
|
|
|
|
.pholio-mock-select-border {
|
|
position: absolute;
|
|
background: #ffffff;
|
|
opacity: 0.25;
|
|
box-sizing: border-box;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
.pholio-mock-select-fill {
|
|
position: absolute;
|
|
border: 1px dashed #ffffff;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.pholio-mock-wrapper {
|
|
position: relative;
|
|
display: inline-block;
|
|
cursor: crosshair;
|
|
padding: 0px;
|
|
margin: 10px 0px;
|
|
}
|
|
|
|
|
|
.pholio-mock-inline-comments {
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
text-align: left;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.pholio-inline-comment {
|
|
border: 1px solid #aa8;
|
|
background: #f9f9f1;
|
|
margin-bottom: 2px;
|
|
padding: 8px 10px;
|
|
}
|
|
|
|
.pholio-inline-comment-header {
|
|
border-bottom: 1px solid #cca;
|
|
color: #333;
|
|
font-weight: bold;
|
|
padding-bottom: 6px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.pholio-mock-inline-comment-highlight {
|
|
background-color: #F0B160;
|
|
}
|
|
|
|
.pholio-inline-head-links a {
|
|
font-weight: normal;
|
|
margin-left: 5px;
|
|
}
|
|
|