revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-15 18:10:53 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-comment-panel.css

107 lines
2.1 KiB
CSS
Raw Normal View History

Show file comments on file lightboxes Summary: Basic work in progress, but should show timeline comments for files when in lightbox mode. Looks reasonable. Test Plan: click on images, see comments from timeline. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16896
2016-11-18 22:23:41 +01:00
/**
* @provides phui-comment-panel-css
* @requires phui-timeline-view-css
*/
.phui-comment-panel .phui-timeline-view {
background: none;
}
.phui-comment-panel .phui-comment-panel-empty {
margin: 16px;
padding: 12px;
border: 1px solid {$thinblueborder};
background: {$lightbluebackground};
text-align: center;
color: {$lightbluetext};
}
Allow commenting on non-viewable lightbox files Summary: Removes the viewable restriction on embedded files. Builds a basic lightbox UI for commenting. Test Plan: Add psd, pdf to Maniphest task, clicked on download, comment, left comment. Closed box. {F1943726} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16917
2016-11-22 20:25:51 +01:00
.phui-comment-panel-header {
font-weight: bold;
padding: 12px 16px 0;
word-break: break-word;
}
Show file comments on file lightboxes Summary: Basic work in progress, but should show timeline comments for files when in lightbox mode. Looks reasonable. Test Plan: click on images, see comments from timeline. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16896
2016-11-18 22:23:41 +01:00
.phui-comment-panel .phui-timeline-view .phui-timeline-event-view {
Ajax commenting on lightbox images Summary: Adds a comment box, you can put text into it, hit enter, and see it come back. Test Plan: Put text into box, see it come back. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16907
2016-11-22 05:12:51 +01:00
margin-left: 40px;
Show file comments on file lightboxes Summary: Basic work in progress, but should show timeline comments for files when in lightbox mode. Looks reasonable. Test Plan: click on images, see comments from timeline. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16896
2016-11-18 22:23:41 +01:00
}
Make lightbox buttons more roundy Summary: Ref T3612. Mobilizes the new lightbox, changes large buttons to circle icons like Conpherence. Test Plan: Click each new button on desktop, mobile. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16961
2016-11-29 20:58:42 +01:00
.device-phone .phui-comment-panel .phui-timeline-view
.phui-timeline-event-view {
margin-left: 16px;
}
Ajax commenting on lightbox images Summary: Adds a comment box, you can put text into it, hit enter, and see it come back. Test Plan: Put text into box, see it come back. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16907
2016-11-22 05:12:51 +01:00
.device-desktop .phui-comment-panel .phui-timeline-view .phui-timeline-image {
width: 30px;
height: 30px;
top: 4px;
left: -40px;
Show file comments on file lightboxes Summary: Basic work in progress, but should show timeline comments for files when in lightbox mode. Looks reasonable. Test Plan: click on images, see comments from timeline. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16896
2016-11-18 22:23:41 +01:00
}
.phui-comment-panel .phui-timeline-view .phui-timeline-wedge {
display: none;
}
.phui-comment-panel .phui-timeline-major-event .phui-timeline-group {
border: none;
}
.phui-comment-panel .phui-timeline-major-event .phui-timeline-title {
background: none;
border: none;
padding: 0;
visibility: hidden;
}
.phui-comment-panel .phui-timeline-major-event .phui-timeline-title a {
visibility: visible;
}
.phui-comment-panel .phui-timeline-icon-fill,
.phui-comment-panel .phui-timeline-menu {
display: none;
}
.phui-comment-panel .phui-timeline-major-event .phui-timeline-content {
border: none;
}
.phui-comment-panel .phui-timeline-major-event .phui-timeline-content
.phui-timeline-core-content {
border: none;
padding: 4px 0;
background: transparent;
}
Ajax commenting on lightbox images Summary: Adds a comment box, you can put text into it, hit enter, and see it come back. Test Plan: Put text into box, see it come back. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16907
2016-11-22 05:12:51 +01:00
.phui-comment-panel .phui-timeline-older-transactions-are-hidden {
background-color: {$lightgreybackground};
border: none;
}
Hide badges in phui-comment-panel Summary: Ref T3612. Hides badges on the comment panel. Test Plan: Give myself a badge, leave a comment, see no badge UI. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16979
2016-12-02 20:00:37 +01:00
.phui-comment-panel .phui-timeline-badges {
display: none;
}
Ajax commenting on lightbox images Summary: Adds a comment box, you can put text into it, hit enter, and see it come back. Test Plan: Put text into box, see it come back. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T3612 Differential Revision: https://secure.phabricator.com/D16907
2016-11-22 05:12:51 +01:00
.lightbox-comment-form .phui-form-view {
padding-top: 0;
}
.lightbox-comment-form .aphront-form-control {
padding: 0;
}
.lightbox-comment-form .aphront-form-input {
margin: 0;
width: auto;
}
.lightbox-comment-form .remarkup-assist-bar {
display: none;
}
.lightbox-comment-form .aphront-form-input .remarkup-assist-textarea {
border-radius: 3px;
border: 1px solid {$lightgreyborder};
height: 6em;
}
Copy permalink