revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-15 19:32:40 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-timeline-view.css

462 lines
8.5 KiB
CSS
Raw Normal View History

PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
/**
* @provides phui-timeline-view-css
*/
.phui-timeline-view {
padding: 0 16px;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
background-image: url('/rsrc/image/d5d8e1.png');
Use pixel as background of timeline Summary: Makes the line in timeline a background "image" instead. Test Plan: Tested Desktop, Mobile, and Tablet breakpoints with lots of content. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8221
2014-02-14 00:15:58 +01:00
background-repeat: repeat-y;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
background-position: 96px;
Use pixel as background of timeline Summary: Makes the line in timeline a background "image" instead. Test Plan: Tested Desktop, Mobile, and Tablet breakpoints with lots of content. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8221
2014-02-14 00:15:58 +01:00
}
[Redesign] Better icon spacing for PHUIObjectListItem Summary: Ref T8099, Improve hit area for new icon, tweaks grippable spacing and app icon spacing. Also Tablet layout updates Test Plan: Test Maniphest home, Pinning apps, Dashboards Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12986
2015-05-23 20:01:29 +02:00
.device .phui-timeline-view {
padding: 0 8px;
}
Use pixel as background of timeline Summary: Makes the line in timeline a background "image" instead. Test Plan: Tested Desktop, Mobile, and Tablet breakpoints with lots of content. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8221
2014-02-14 00:15:58 +01:00
.device-tablet .phui-timeline-view {
[Redesign] Better icon spacing for PHUIObjectListItem Summary: Ref T8099, Improve hit area for new icon, tweaks grippable spacing and app icon spacing. Also Tablet layout updates Test Plan: Test Maniphest home, Pinning apps, Dashboards Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12986
2015-05-23 20:01:29 +02:00
background-position: 24px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
Update Timeline for Tablet/Mobile Summary: Minor CSS fixes Fixes T4419 Test Plan: Test phone and table breakpoints, submit a new comment. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Maniphest Tasks: T4419 Differential Revision: https://secure.phabricator.com/D8211
2014-02-13 01:08:56 +01:00
.device-phone .phui-timeline-view {
padding: 0;
Better align timeline mobile Summary: Uses the standard 8px mobile gutter Test Plan: review a task on mobile Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, chad Differential Revision: https://secure.phabricator.com/D8647
2014-03-30 18:40:34 +02:00
background-position: 24px;
Update Timeline for Tablet/Mobile Summary: Minor CSS fixes Fixes T4419 Test Plan: Test phone and table breakpoints, submit a new comment. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Maniphest Tasks: T4419 Differential Revision: https://secure.phabricator.com/D8211
2014-02-13 01:08:56 +01:00
}
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
.phui-timeline-major-event .phui-timeline-group {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
border-left: 1px solid {$timeline};
border-right: 1px solid {$timeline};
[Redesign] Misc batch of UI buggypoos Summary: Minor layout updates to Ref T8099 - Timeline tweaks - Use Lato headers in Document Obj Headers - Minor Remarkup - Add Audit Icons (Unclear if Audit is "correct", ie Status vs. Commit Status) But added icons anyways if needed. Test Plan: Review each of the updated elements Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13357
2015-06-19 14:18:42 +02:00
border-radius: 3px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.device-desktop .phui-timeline-event-view {
margin-left: 62px;
position: relative;
}
.device-desktop .phui-timeline-event-view.phui-timeline-minor-event {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
margin-left: 67px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
Fix timeline line Summary: Accidentally removed the line Test Plan: Test mobile AND desktop Reviewers: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8212
2014-02-13 01:33:54 +01:00
.device-desktop .phui-timeline-spacer {
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
min-height: 16px;
End Cap for Timeline Summary: End-cap for timeline. Fixes T4438 Test Plan: Tested on a timeline with and without endcap. Reviewers: epriestley Reviewed By: epriestley Subscribers: aran, epriestley, Korvin, chad, btrahan Maniphest Tasks: T4438 Differential Revision: https://secure.phabricator.com/D8530
2014-03-14 16:51:50 +01:00
}
.device-desktop .phui-timeline-event-view.the-worlds-end {
background: {$lightblueborder};
width: 9px;
height: 9px;
border-radius: 2px;
Update Harbormaster for two column Summary: Updates the Harbormaster UI to match the new two column everywhere else. Test Plan: Did best I could, tested builds, plans, steps, buildables. Unable to test lint/unit locally, I need to set that up. Kick the tires for me pls. :3 Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15523
2016-03-25 22:41:47 +01:00
margin-left: 76px;
Add ability to set a header image per Phame blog Summary: This is the backend half of uploading an image as a header for Phame Blogs. Allows you to upload image, or delete it. Ref T10901 Test Plan: Go to Manage Blog, visit Edit Header Image, Upload snarky file. See snarky file on Manage page. Edit Header Image, click delete, save, see file goes away. {F1690966} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10901 Differential Revision: https://secure.phabricator.com/D16140
2016-06-17 20:23:12 +02:00
margin-bottom: 20px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.device-desktop .phui-timeline-wedge {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
border-bottom: 1px solid {$timeline};
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
position: absolute;
width: 12px;
}
Use pixel as background of timeline Summary: Makes the line in timeline a background "image" instead. Test Plan: Tested Desktop, Mobile, and Tablet breakpoints with lots of content. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8221
2014-02-14 00:15:58 +01:00
.device-phone .phui-timeline-minor-event,
.device-tablet .phui-timeline-minor-event {
padding-left: 3px;
}
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
.phui-timeline-major-event .phui-timeline-content {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
border-top: 1px solid {$timeline};
border-bottom: 1px solid {$timeline};
[Redesign] Misc batch of UI buggypoos Summary: Minor layout updates to Ref T8099 - Timeline tweaks - Use Lato headers in Document Obj Headers - Minor Remarkup - Add Audit Icons (Unclear if Audit is "correct", ie Status vs. Commit Status) But added icons anyways if needed. Test Plan: Review each of the updated elements Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13357
2015-06-19 14:18:42 +02:00
border-radius: 3px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.phui-timeline-title {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
line-height: 24px;
Properly ensure timeline items have a 1px spacer Summary: Some browsers, mobile, didn't show 1px space between objects (due to font renderings). This enforces the size for consistent cross-browser display. Test Plan: Test IE10 Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D10970
2014-12-11 16:52:23 +01:00
min-height: 19px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
position: relative;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
color: {$greytext};
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.phui-timeline-minor-event .phui-timeline-title {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
padding: 1px 8px 4px 33px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.phui-timeline-title a {
font-weight: bold;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
color: {$darkgreytext};
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.device-desktop .phui-timeline-wedge {
left: -12px;
}
.device-desktop .phui-timeline-major-event .phui-timeline-wedge {
[Redesign] Misc batch of UI buggypoos Summary: Minor layout updates to Ref T8099 - Timeline tweaks - Use Lato headers in Document Obj Headers - Minor Remarkup - Add Audit Icons (Unclear if Audit is "correct", ie Status vs. Commit Status) But added icons anyways if needed. Test Plan: Review each of the updated elements Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13357
2015-06-19 14:18:42 +02:00
top: 26px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.device-desktop .phui-timeline-minor-event .phui-timeline-wedge {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
top: 12px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
left: -18px;
width: 20px;
}
.phui-timeline-image {
background-repeat: no-repeat;
position: absolute;
border-radius: 3px;
[Redesign] Slight border inset on all profile photos Summary: Ref T8099, Cleans up profile photos around the site in a more consistent way. Test Plan: grep for 'background-size: 100%' Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13360
2015-06-19 21:44:08 +02:00
background-size: 100%;
Link Timeline image to profile Summary: Ref T9336. Links the timeline photo to user profile. Presume this always exists? Test Plan: Review a few timelines, click on heads. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9336 Differential Revision: https://secure.phabricator.com/D14283
2015-10-15 01:28:10 +02:00
display: block;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.device-desktop .phui-timeline-major-event .phui-timeline-image {
[Redesign] Clean up timeline images Summary: Ref T8099, Timeline images should be 28 and 50, I previously had a border adding the additonal size, but changed that to an inset shadow. Test Plan: Staring. Intensifies. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13368
2015-06-21 11:23:44 +02:00
width: 50px;
height: 50px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
top: 0px;
left: -62px;
}
.device-desktop .phui-timeline-minor-event .phui-timeline-image {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
width: 26px;
height: 26px;
background-size: 26px auto;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
left: -41px;
}
.phui-timeline-major-event .phui-timeline-title {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
background: {$lightgreybackground};
[Redesign] Misc batch of UI buggypoos Summary: Minor layout updates to Ref T8099 - Timeline tweaks - Use Lato headers in Document Obj Headers - Minor Remarkup - Add Audit Icons (Unclear if Audit is "correct", ie Status vs. Commit Status) But added icons anyways if needed. Test Plan: Review each of the updated elements Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13357
2015-06-19 14:18:42 +02:00
min-height: 22px;
border-top-right-radius: 3px;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
border-top-left-radius: 3px;
[Redesign] Misc batch of UI buggypoos Summary: Minor layout updates to Ref T8099 - Timeline tweaks - Use Lato headers in Document Obj Headers - Minor Remarkup - Add Audit Icons (Unclear if Audit is "correct", ie Status vs. Commit Status) But added icons anyways if needed. Test Plan: Review each of the updated elements Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13357
2015-06-19 14:18:42 +02:00
}
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
.phui-timeline-major-event .phui-timeline-title + .phui-timeline-title {
[Redesign] Misc batch of UI buggypoos Summary: Minor layout updates to Ref T8099 - Timeline tweaks - Use Lato headers in Document Obj Headers - Minor Remarkup - Add Audit Icons (Unclear if Audit is "correct", ie Status vs. Commit Status) But added icons anyways if needed. Test Plan: Review each of the updated elements Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13357
2015-06-19 14:18:42 +02:00
border-radius: 0;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
padding-top: 0;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
.phui-timeline-major-event .phui-timeline-title + .phui-timeline-title
.phui-timeline-icon-fill {
margin-top: 0;
}
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
.phui-timeline-title {
padding: 5px 8px;
overflow-x: auto;
overflow-y: hidden;
}
.phui-timeline-title-with-icon {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
padding-left: 36px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
Move all comment management junk into a dropdown menu Summary: man I sure hate Javascript I removed the ajax-edit and ajax-remove interactions, becuase they were prohibitively complex to get working given that the entire menu has to change too. Instead, the page just reloads. This works perfectly fine in practice. If we want to restore these in the future, we should have the server re-render the entire transaction group or something. I think very little is lost here, though. Test Plan: - Took all the actions. - Used existing dropdown menus. {F150196} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Differential Revision: https://secure.phabricator.com/D8966
2014-05-05 19:57:23 +02:00
.phui-timeline-title-with-menu {
padding-right: 36px;
}
Normalize token line height Summary: This resolves mysterious extra space below tokens in property list view and timeline view. Test Plan: Check Property List in Phriction, Timeline examples, Token Application, and giving my fake accounts tokens. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, chad Differential Revision: https://secure.phabricator.com/D8651
2014-03-31 00:22:45 +02:00
.phui-timeline-view .phui-icon-view.phui-timeline-token {
vertical-align: middle;
Paradigms, paradigms, paradigms Summary: Fixes T4693. Test Plan: {F146407} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Maniphest Tasks: T4693 Differential Revision: https://secure.phabricator.com/D8829
2014-04-22 00:33:59 +02:00
margin-right: 4px;
Major timeline redesign Summary: OMG We Have TOKENS Test Plan: TOKENS, also UIExamples Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, chad Differential Revision: https://secure.phabricator.com/D8624
2014-03-27 22:24:31 +01:00
}
.phui-timeline-token.strikethrough {
position: relative;
}
.phui-timeline-token.strikethrough:before {
position: absolute;
content: "";
left: 0;
top: 50%;
right: 0;
border-top: 3px solid;
border-color: {$darkbluetext};
-webkit-transform:rotate(-40deg);
-moz-transform:rotate(-40deg);
-ms-transform:rotate(-40deg);
-o-transform:rotate(-40deg);
transform:rotate(-40deg);
}
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
.phui-timeline-major-event .phui-timeline-content
.phui-timeline-core-content {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
padding: 16px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
line-height: 18px;
Add an Experimental Dark Mode to Phabricator Summary: Mostly this is an exercise to clean up our CSS and Celerity processor by making sure all important color decisions are generatable. It's somewhat resonable to use if you don't review code. Posting it up here mostly so I don't lose the work. Test Plan: Visit lots and lots of pages with dark mode on and off. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18227
2017-07-17 20:08:17 +02:00
background: {$page.content};
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
border-top: 1px solid rgba({$alphablue},.1);
[Redesign] Misc batch of UI buggypoos Summary: Minor layout updates to Ref T8099 - Timeline tweaks - Use Lato headers in Document Obj Headers - Minor Remarkup - Add Audit Icons (Unclear if Audit is "correct", ie Status vs. Commit Status) But added icons anyways if needed. Test Plan: Review each of the updated elements Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13357
2015-06-19 14:18:42 +02:00
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.phui-timeline-core-content {
overflow-x: auto;
}
Render all Removed Comments a little more docile Summary: This small restyle makes any Removed Comment a little less prominent than normal ones, with the goal of decreasing a bit your in-page distractions and increase your individual productivity in your business by at least 250 milliseconds every 48 hours of hard work in front of your monitor. | Before | After | |---------------------|---------------------| | {F274834,size=full} | {F274835,size=full} | This implementation (which is called "Kasper on Diet") contains these specific changes for Removed Comments: - user icon visibility: reduced by ~50% (-> Kasper) - black "trash" icon: reduced by ~50% (-> Diet) - texts: visibility reduced by ~50% - vertical padding: reduced from 16px down to 4px Note that if your Phorge is under the Serious Business Mode, it seems it is still technically possible to manually activate the "Decaying Curse" proposal mentioned in the Task. Closes T15192 Test Plan: - Add a Comment "I love Phorge" - Add a Comment "I love Phabricator" - Mark the second Comment as Removed - Call a person at your desk - Plug that person to an eyeball tracker If the general attention focuses first on a normal Comment and then on the Removed Comment, this change works perfectly. Reviewers: O1 Blessed Committers, Cigaryno, avivey Reviewed By: O1 Blessed Committers, Cigaryno, avivey Subscribers: speck, tobiaswiese, Matthew, Cigaryno Tags: #comments Maniphest Tasks: T15192 Differential Revision: https://we.phorge.it/D25096
2023-04-06 14:44:02 +02:00
/*
* Start Customization for removed comments
* https://we.phorge.it/T15192
*/
Transactions - make edit transactions that are grouped work nicely Summary: ...the key is to move a layer lower and beam down the updated comment. There is a wee bit of Javascript gymnastics going on here. Fixes T4608. Test Plan: made a comment + resolve. clicked edit and made changes. noted transaction updated correctly and "history" link worked. edited again to a deletion and noted the "this is deleted" looked right and history link still worked Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, chad Maniphest Tasks: T4608 Differential Revision: https://secure.phabricator.com/D8702
2014-04-04 21:23:22 +02:00
.phui-timeline-core-content .comment-deleted {
font-style: italic;
}
User Badges: better integrate with Removed Comments Summary: The left part of a Removed Comment can contains User Badges that, after this change, are more consistent with the new general softness. | Before | Proposed | |------------|-----------| | {F277371} | {F277373} | Probably five people in a million will notice this change, BUT, these people will have a huge, deep, breath of relief, knowing that Phorge takes care about their obsessive-compulsive impulses, to have everything nice and consistent and neat. You are welcome! Closes T15235 Test Plan: - do something to deserve a Badge - share a Comment somewhere (Maniphest?) - delete that comment - check that the badge is slightly softer Reviewers: O1 Blessed Committers, avivey Reviewed By: O1 Blessed Committers, avivey Subscribers: speck, tobiaswiese, Matthew, Cigaryno Maniphest Tasks: T15235 Differential Revision: https://we.phorge.it/D25112
2023-04-07 00:21:28 +02:00
.phui-timeline-shell-removed .phui-timeline-image,
.phui-timeline-shell-removed .phui-timeline-badges {
Render all Removed Comments a little more docile Summary: This small restyle makes any Removed Comment a little less prominent than normal ones, with the goal of decreasing a bit your in-page distractions and increase your individual productivity in your business by at least 250 milliseconds every 48 hours of hard work in front of your monitor. | Before | After | |---------------------|---------------------| | {F274834,size=full} | {F274835,size=full} | This implementation (which is called "Kasper on Diet") contains these specific changes for Removed Comments: - user icon visibility: reduced by ~50% (-> Kasper) - black "trash" icon: reduced by ~50% (-> Diet) - texts: visibility reduced by ~50% - vertical padding: reduced from 16px down to 4px Note that if your Phorge is under the Serious Business Mode, it seems it is still technically possible to manually activate the "Decaying Curse" proposal mentioned in the Task. Closes T15192 Test Plan: - Add a Comment "I love Phorge" - Add a Comment "I love Phabricator" - Mark the second Comment as Removed - Call a person at your desk - Plug that person to an eyeball tracker If the general attention focuses first on a normal Comment and then on the Removed Comment, this change works perfectly. Reviewers: O1 Blessed Committers, Cigaryno, avivey Reviewed By: O1 Blessed Committers, Cigaryno, avivey Subscribers: speck, tobiaswiese, Matthew, Cigaryno Tags: #comments Maniphest Tasks: T15192 Differential Revision: https://we.phorge.it/D25096
2023-04-06 14:44:02 +02:00
opacity: 0.5;
}
.phui-timeline-shell-removed,
.phui-timeline-shell-removed a,
.phui-timeline-shell-removed .phui-timeline-title {
color:#888; /* grey */
}
.phui-timeline-shell-removed
.phui-timeline-major-event
.phui-timeline-content .phui-timeline-core-content {
padding:4px 16px; /* reduce vertical space from 16px */
}
/* End Customization for removed comments */
Transactions - make edit transactions that are grouped work nicely Summary: ...the key is to move a layer lower and beam down the updated comment. There is a wee bit of Javascript gymnastics going on here. Fixes T4608. Test Plan: made a comment + resolve. clicked edit and made changes. noted transaction updated correctly and "history" link worked. edited again to a deletion and noted the "this is deleted" looked right and history link still worked Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, chad Maniphest Tasks: T4608 Differential Revision: https://secure.phabricator.com/D8702
2014-04-04 21:23:22 +02:00
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
.device .phui-timeline-event-view {
min-height: 23px;
position: relative;
Update Timeline for Tablet/Mobile Summary: Minor CSS fixes Fixes T4419 Test Plan: Test phone and table breakpoints, submit a new comment. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Maniphest Tasks: T4419 Differential Revision: https://secure.phabricator.com/D8211
2014-02-13 01:08:56 +01:00
}
.device-phone .phui-timeline-event-view {
Better align timeline mobile Summary: Uses the standard 8px mobile gutter Test Plan: review a task on mobile Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, chad Differential Revision: https://secure.phabricator.com/D8647
2014-03-30 18:40:34 +02:00
margin: 0 8px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.device .phui-timeline-image {
display: none;
}
.device .phui-timeline-spacer {
min-height: 8px;
border-width: 0;
}
.phui-timeline-icon-fill {
position: absolute;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
width: 34px;
height: 34px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
top: 0;
left: 0;
More resilient timeline icon layout Summary: center aligns the icons in the fill area, removes some of the positioning jank. Also set new icons for maniphest custom. Test Plan: test desktop and mobile layouts, tested thin pins for proper centering. Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4866 Differential Revision: https://secure.phabricator.com/D8839
2014-04-22 23:24:36 +02:00
text-align: center;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
.phui-timeline-icon {
Lots of little fixes for Dark Mode (Experimental) Summary: Cleans up a bunch of Differential odd/special colors. Adds some basic "highlight" colors instead of pure yellow. Test Plan: Test each color change in normal and dark modes. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18239
2017-07-19 23:38:55 +02:00
color: {$bluetext};
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
.phui-icon-view.phui-timeline-icon {
font-size: 14px;
}
.phui-timeline-icon-fill {
height: 26px;
width: 26px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
border-radius: 3px;
Lots of little fixes for Dark Mode (Experimental) Summary: Cleans up a bunch of Differential odd/special colors. Adds some basic "highlight" colors instead of pure yellow. Test Plan: Test each color change in normal and dark modes. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18239
2017-07-19 23:38:55 +02:00
background-color: {$timeline.icon.background};
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
.phui-timeline-major-event .phui-timeline-icon-fill {
margin: 4px;
Clean up FontAwesome / Timeline CSS Summary: Normalize FA CSS, expand timeline icons to 14px, fix mobile browsers, give attribution in uiexamples Test Plan: tested iOS simulator, chrome, ie Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D8845
2014-04-23 03:29:14 +02:00
}
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
.phui-timeline-icon-fill .phui-timeline-icon {
margin-top: 6px;
Clean up FontAwesome / Timeline CSS Summary: Normalize FA CSS, expand timeline icons to 14px, fix mobile browsers, give attribution in uiexamples Test Plan: tested iOS simulator, chrome, ie Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D8845
2014-04-23 03:29:14 +02:00
}
Update timeline hyperlink colors Summary: Makes hyperlinks in phui-timeline-title one color darker, with objects in bold. Test Plan: Tested a timeline with people, objects, and timestamps. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8214
2014-02-13 19:29:10 +01:00
.phui-timeline-extra,
.phui-timeline-extra .phabricator-content-source-view {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
font-size: {$smallerfontsize};
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
font-weight: normal;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
color: {$lightgreytext};
margin-left: 8px;
Update timeline hyperlink colors Summary: Makes hyperlinks in phui-timeline-title one color darker, with objects in bold. Test Plan: Tested a timeline with people, objects, and timestamps. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8214
2014-02-13 19:29:10 +01:00
}
.phui-timeline-title .phui-timeline-extra a {
font-weight: normal;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
color: {$lightgreytext};
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
Modernize Conpherence with Modular Transactions Summary: Begin converting Conpherence to ModularTransactions, this converts title, topic, and picture to use modular transactions. Participants seems hairy so I'll do that in another diff Test Plan: Create a room with a topic, change room name, topic. Add people, remove people. Set a room image. Unset topic. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D17668
2017-04-13 01:33:43 +02:00
.phui-timeline-title .phui-timeline-value,
.conpherence-transaction-content .phui-timeline-value,
.phui-feed-story-head .phui-timeline-value {
add renderValue() in transactions Summary: fix T11290. Test Plan: Paste language type, view in web and in emails (It uses quotes in HTML emails, which I think is something else). Reviewers: epriestley, chad, #blessed_reviewers Reviewed By: chad, #blessed_reviewers Subscribers: Korvin Maniphest Tasks: T11290 Differential Revision: https://secure.phabricator.com/D16252
2016-07-09 01:01:42 +02:00
font-style: italic;
Add an Experimental Dark Mode to Phabricator Summary: Mostly this is an exercise to clean up our CSS and Celerity processor by making sure all important color decisions are generatable. It's somewhat resonable to use if you don't review code. Posting it up here mostly so I don't lose the work. Test Plan: Visit lots and lots of pages with dark mode on and off. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18227
2017-07-17 20:08:17 +02:00
color: {$blacktext};
add renderValue() in transactions Summary: fix T11290. Test Plan: Paste language type, view in web and in emails (It uses quotes in HTML emails, which I think is something else). Reviewers: epriestley, chad, #blessed_reviewers Reviewed By: chad, #blessed_reviewers Subscribers: Korvin Maniphest Tasks: T11290 Differential Revision: https://secure.phabricator.com/D16252
2016-07-09 01:01:42 +02:00
}
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
.device-desktop .phui-timeline-extra {
float: right;
}
.device .phui-timeline-extra {
display: inline-block;
line-height: 16px;
margin-left: 8px;
Fix Android/Chrome issues in Crumbs/Timeline Summary: Android/Chrome seems to run Blink and not WebKit. Unclear if these bugs are temporary or "correct". Fixing in any case, can investigate if more come in. Test Plan: Used Chrome Developer tether to a Nexus 7, fixed CSS by hand. Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: epriestley, Korvin Maniphest Tasks: T4907 Differential Revision: https://secure.phabricator.com/D8874
2014-04-27 18:48:31 +02:00
white-space: nowrap;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
Update Timeline for Tablet/Mobile Summary: Minor CSS fixes Fixes T4419 Test Plan: Test phone and table breakpoints, submit a new comment. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Maniphest Tasks: T4419 Differential Revision: https://secure.phabricator.com/D8211
2014-02-13 01:08:56 +01:00
.device-phone .phui-timeline-extra {
display: block;
margin: 0;
}
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
.phui-timeline-icon-fill.fill-has-color .phui-icon-view {
Add an Experimental Dark Mode to Phabricator Summary: Mostly this is an exercise to clean up our CSS and Celerity processor by making sure all important color decisions are generatable. It's somewhat resonable to use if you don't review code. Posting it up here mostly so I don't lose the work. Test Plan: Visit lots and lots of pages with dark mode on and off. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18227
2017-07-17 20:08:17 +02:00
color: {$page.content};
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
}
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
.phui-timeline-icon-fill-red {
background-color: {$red};
}
.phui-timeline-icon-fill-orange {
background-color: {$orange};
}
.phui-timeline-icon-fill-yellow {
background-color: {$yellow};
}
.phui-timeline-icon-fill-green {
background-color: {$green};
}
.phui-timeline-icon-fill-sky {
background-color: {$sky};
}
.phui-timeline-icon-fill-blue {
background-color: {$blue};
}
.phui-timeline-icon-fill-indigo {
background-color: {$indigo};
}
.phui-timeline-icon-fill-violet {
background-color: {$violet};
}
Add an explicit warning in the Differential transaction log when users skip review Summary: Ref T10233. See PHI231. When users ignore the `arc land` prompt about bad revision states, make it explicitly clear in the transaction log that they broke the rules. You can currently figure this out by noticing that there's no "This revision is accepted and ready to land." message, but it's unrealistic to expect non-expert users to look for the //absence// of a message to indicate something, and this state change is often relevant. Test Plan: {F5302351} Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T10233 Differential Revision: https://secure.phabricator.com/D18808
2017-11-30 17:13:10 +01:00
.phui-timeline-icon-fill-pink {
background-color: {$pink};
}
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
.phui-timeline-icon-fill-grey {
background-color: #888;
}
.phui-timeline-icon-fill-black {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
background-color: #000;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.phui-timeline-shell.anchor-target {
Use standard colors for timeline anchor target Summary: Still highlighted, less brightly Test Plan: {F149972} {F149973} test minor and major events. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D8956
2014-05-02 19:46:24 +02:00
background: {$lightyellow};
Restore highlighting when jumping to transactions using URI anchors Summary: At some point, the highlighting behavior for the timeline broke. When you follow a link to a particular timeline story, the story should be highlighted. Prior to this change, the `<a />` tag itself highlights, but there's no associated CSS and it's too deep in the tree to do anything useful. (Since this change is fairly straightforward, I gave up digging for the root cause before finding it.) Test Plan: - Clicked a timeline story anchor, saw the story highlight. Differential Revision: https://secure.phabricator.com/D21213
2020-05-04 18:57:30 +02:00
border-width: 0 1px 0 0;
border-style: solid;
border-color: {$yellow};
Use standard colors for timeline anchor target Summary: Still highlighted, less brightly Test Plan: {F149972} {F149973} test minor and major events. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D8956
2014-05-02 19:46:24 +02:00
padding: 4px;
margin: -4px;
PHUITimelineView Summary: Updates PhabricatorTimeline to PHUITimeline. Uses standard colors and spacing, softens up the actors, and reduces visual spacing of action-only events. - Also updated some 2x sprite images. Test Plan: Tested Tasks Paste and Pholio in my sandbox. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8205
2014-02-12 18:02:05 +01:00
}
.phui-timeline-preview-header {
background: #e0e3ec;
color: {$darkgreytext};
padding: 4px 1.25%;
border: solid {$blueborder} 1px 0;
}
.phui-timeline-change-details {
padding: 10px 0;
border-style: solid;
border-color: #efefef;
border-width: 1px 0;
}
Hide seen transactions by default in all modern applications Summary: Ref T2222. This restores the "N older comments are hidden." shield to all ApplicationTransactions applications. Roughly the rule this uses is that transactions older than your most recent comment are hidden, under the assumption that you've already read and dealt with them, since you replied afterward. Then we show your last comment to remind/contextualize you, and anything afterward. We also don't hide transactions if we'd only be hiding a handfull, and we never hide the few most recent transactions. This might need some #design help. Test Plan: The tricky part here is the anchor rule, which deals with the case where you follow a link to `T123#4`, but that would normally be hidden. We simulate a click on "show all" if you hit an anchor which is hidden. Here's what it looks like in Maniphest: {F112891} Reviewers: btrahan, chad Reviewed By: btrahan CC: chad, aran Maniphest Tasks: T2222 Differential Revision: https://secure.phabricator.com/D8229
2014-02-14 19:23:07 +01:00
.phui-timeline-older-transactions-are-hidden {
Fix dark mode highlight in Timeline Summary: Moves these to `gentle.highlight` Test Plan: View a timeline that is collapsed, see correct color in Dark Mode. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18287
2017-07-28 00:17:20 +02:00
background: {$gentle.highlight};
border: 1px solid {$gentle.highlight.border};
Hide seen transactions by default in all modern applications Summary: Ref T2222. This restores the "N older comments are hidden." shield to all ApplicationTransactions applications. Roughly the rule this uses is that transactions older than your most recent comment are hidden, under the assumption that you've already read and dealt with them, since you replied afterward. Then we show your last comment to remind/contextualize you, and anything afterward. We also don't hide transactions if we'd only be hiding a handfull, and we never hide the few most recent transactions. This might need some #design help. Test Plan: The tricky part here is the anchor rule, which deals with the case where you follow a link to `T123#4`, but that would normally be hidden. We simulate a click on "show all" if you hit an anchor which is hidden. Here's what it looks like in Maniphest: {F112891} Reviewers: btrahan, chad Reviewed By: btrahan CC: chad, aran Maniphest Tasks: T2222 Differential Revision: https://secure.phabricator.com/D8229
2014-02-14 19:23:07 +01:00
text-align: center;
padding: 12px;
color: {$darkgreytext};
Transactions - make "show older" area bigger and include keyboard command Summary: Fixes T6683. Test Plan: clicked the yellow box and it worked! pressed '~' and it worked! Reviewers: epriestley, chad Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T6683 Differential Revision: https://secure.phabricator.com/D10932
2014-12-10 21:12:38 +01:00
cursor: pointer;
[Redesign] Lots of minor color changes Summary: Ref T8099. Makes subheaders in object lists darker with a background. Moves to lighter icons in the header with a dark instead of blue hover state. Gives a nicer blue selected state for sidenavs. Test Plan: Just eyeballing a lot of this, but with some level of consistency. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13065
2015-05-31 16:56:54 +02:00
border-radius: 3px;
Hide seen transactions by default in all modern applications Summary: Ref T2222. This restores the "N older comments are hidden." shield to all ApplicationTransactions applications. Roughly the rule this uses is that transactions older than your most recent comment are hidden, under the assumption that you've already read and dealt with them, since you replied afterward. Then we show your last comment to remind/contextualize you, and anything afterward. We also don't hide transactions if we'd only be hiding a handfull, and we never hide the few most recent transactions. This might need some #design help. Test Plan: The tricky part here is the anchor rule, which deals with the case where you follow a link to `T123#4`, but that would normally be hidden. We simulate a click on "show all" if you hit an anchor which is hidden. Here's what it looks like in Maniphest: {F112891} Reviewers: btrahan, chad Reviewed By: btrahan CC: chad, aran Maniphest Tasks: T2222 Differential Revision: https://secure.phabricator.com/D8229
2014-02-14 19:23:07 +01:00
}
Better align timeline mobile Summary: Uses the standard 8px mobile gutter Test Plan: review a task on mobile Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, chad Differential Revision: https://secure.phabricator.com/D8647
2014-03-30 18:40:34 +02:00
.device-phone .phui-timeline-older-transactions-are-hidden {
margin: 0 8px;
}
Link to Herald transcripts from Herald transactions Summary: See IRC. Some users are having difficulty figuring out why Herald is taking some actions. Make it easier to get to the transcript. Test Plan: {F144622} Reviewers: btrahan, chad Reviewed By: chad Subscribers: dctrwatson, epriestley Differential Revision: https://secure.phabricator.com/D8804
2014-04-18 00:57:34 +02:00
.phui-timeline-title .phui-timeline-extra-information a {
font-weight: normal;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
color: {$greytext};
Link to Herald transcripts from Herald transactions Summary: See IRC. Some users are having difficulty figuring out why Herald is taking some actions. Make it easier to get to the transcript. Test Plan: {F144622} Reviewers: btrahan, chad Reviewed By: chad Subscribers: dctrwatson, epriestley Differential Revision: https://secure.phabricator.com/D8804
2014-04-18 00:57:34 +02:00
}
Move all comment management junk into a dropdown menu Summary: man I sure hate Javascript I removed the ajax-edit and ajax-remove interactions, becuase they were prohibitively complex to get working given that the entire menu has to change too. Instead, the page just reloads. This works perfectly fine in practice. If we want to restore these in the future, we should have the server re-render the entire transaction group or something. I think very little is lost here, though. Test Plan: - Took all the actions. - Used existing dropdown menus. {F150196} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Differential Revision: https://secure.phabricator.com/D8966
2014-05-05 19:57:23 +02:00
.phui-timeline-comment-actions .phui-icon-view {
width: 16px;
height: 16px;
font-size: 16px;
text-align: center;
overflow: hidden;
}
.phui-timeline-menu {
position: absolute;
right: 3px;
[Redesign] Misc batch of UI buggypoos Summary: Minor layout updates to Ref T8099 - Timeline tweaks - Use Lato headers in Document Obj Headers - Minor Remarkup - Add Audit Icons (Unclear if Audit is "correct", ie Status vs. Commit Status) But added icons anyways if needed. Test Plan: Review each of the updated elements Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13357
2015-06-19 14:18:42 +02:00
top: 6px;
Move all comment management junk into a dropdown menu Summary: man I sure hate Javascript I removed the ajax-edit and ajax-remove interactions, becuase they were prohibitively complex to get working given that the entire menu has to change too. Instead, the page just reloads. This works perfectly fine in practice. If we want to restore these in the future, we should have the server re-render the entire transaction group or something. I think very little is lost here, though. Test Plan: - Took all the actions. - Used existing dropdown menus. {F150196} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Differential Revision: https://secure.phabricator.com/D8966
2014-05-05 19:57:23 +02:00
width: 28px;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
height: 24px;
Move all comment management junk into a dropdown menu Summary: man I sure hate Javascript I removed the ajax-edit and ajax-remove interactions, becuase they were prohibitively complex to get working given that the entire menu has to change too. Instead, the page just reloads. This works perfectly fine in practice. If we want to restore these in the future, we should have the server re-render the entire transaction group or something. I think very little is lost here, though. Test Plan: - Took all the actions. - Used existing dropdown menus. {F150196} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Differential Revision: https://secure.phabricator.com/D8966
2014-05-05 19:57:23 +02:00
text-align: center;
line-height: 22px;
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
font-size: 16px;
border-left: 1px solid {$thinblueborder};
Move all comment management junk into a dropdown menu Summary: man I sure hate Javascript I removed the ajax-edit and ajax-remove interactions, becuase they were prohibitively complex to get working given that the entire menu has to change too. Instead, the page just reloads. This works perfectly fine in practice. If we want to restore these in the future, we should have the server re-render the entire transaction group or something. I think very little is lost here, though. Test Plan: - Took all the actions. - Used existing dropdown menus. {F150196} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Differential Revision: https://secure.phabricator.com/D8966
2014-05-05 19:57:23 +02:00
}
.phui-timeline-menu:focus {
outline: none;
}
a.phui-timeline-menu .phui-icon-view {
color: {$bluetext};
}
.device-desktop a.phui-timeline-menu:hover .phui-icon-view {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
color: {$sky};
Move all comment management junk into a dropdown menu Summary: man I sure hate Javascript I removed the ajax-edit and ajax-remove interactions, becuase they were prohibitively complex to get working given that the entire menu has to change too. Instead, the page just reloads. This works perfectly fine in practice. If we want to restore these in the future, we should have the server re-render the entire transaction group or something. I think very little is lost here, though. Test Plan: - Took all the actions. - Used existing dropdown menus. {F150196} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Differential Revision: https://secure.phabricator.com/D8966
2014-05-05 19:57:23 +02:00
}
.phui-timeline-menu.phuix-dropdown-open {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
background: rgba({$alphablue},0.1);
border: none;
border-radius: 3px;
Move all comment management junk into a dropdown menu Summary: man I sure hate Javascript I removed the ajax-edit and ajax-remove interactions, becuase they were prohibitively complex to get working given that the entire menu has to change too. Instead, the page just reloads. This works perfectly fine in practice. If we want to restore these in the future, we should have the server re-render the entire transaction group or something. I think very little is lost here, though. Test Plan: - Took all the actions. - Used existing dropdown menus. {F150196} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Differential Revision: https://secure.phabricator.com/D8966
2014-05-05 19:57:23 +02:00
}
Automatically make timeline + objectbox sit flush Summary: Right now you have to know to setFlush on an ObjectBox preceding a timeline, we can make that automatic with CSS. Test Plan: Test some Diffusion commit pages, boxes now site flush under timeline. Check Maniphest and Differential, no changes. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11617
2015-02-02 18:40:46 +01:00
.phui-timeline-view + .phui-object-box {
margin-top: 0;
}
PHUIBadgeMiniView Summary: Mini teeny little badges. With Timeline integration. Test Plan: Made some, UIExamples. {F603564} {F603565} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13620
2015-07-10 19:49:28 +02:00
.phui-timeline-badges {
position: absolute;
left: -64px;
top: 52px;
width: 54px;
Re-center timeline badges Summary: This layout inadvertantly changed, so make timeline badges always center. Test Plan: Review in sandbox. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12270 Differential Revision: https://secure.phabricator.com/D17411
2017-02-24 22:49:42 +01:00
text-align: center;
PHUIBadgeMiniView Summary: Mini teeny little badges. With Timeline integration. Test Plan: Made some, UIExamples. {F603564} {F603565} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13620
2015-07-10 19:49:28 +02:00
}
What are these, badges for ants? Summary: Movw smaller badge CSS to just timeline, also slightly more smallerlike. Test Plan: timeline, hovercards, badges app Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13714
2015-07-26 00:47:26 +02:00
.phui-timeline-badges .phui-badge-mini {
height: 18px;
width: 18px;
line-height: 16px;
}
.phui-timeline-badges .phui-badge-mini .phui-icon-view {
font-size: 10px;
}
Add space under comment previews Summary: Fixes T11166. Adds some class, and space to the preview widget. Test Plan: Test Maniphest, Ponder, etc, without a footer. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11166 Differential Revision: https://secure.phabricator.com/D16168
2016-06-22 21:14:48 +02:00
.phui-comment-preview-view {
margin-bottom: 20px;
}
Add Pinboard Items to Timeline Summary: This allows adding of pinboard items to a timeline. I'm hoping we can get this in for Maniphest (Pholio, Cover Image) and Macro (because, Macro), but unsure how to scalably do this. Anyways, here's the front end. Test Plan: Make some fake timeline items in UIExamples, test mobile, tablet, and desktop breakpoints. {F4965798} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D17950
2017-05-18 19:32:10 +02:00
.phui-timeline-view .phui-pinboard-view {
margin: 8px 0 0 0;
padding: 0;
text-align: left;
}
Copy permalink