revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-10 08:52:39 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-curtain-view.css

81 lines
1.4 KiB
CSS
Raw Normal View History

Introduce "Curtain" views, panels, and extensions Summary: This opens up the new action column to have specialized rendering and behavior. Briefly: - Converted applications (right now, only Paste) render a `CurtainView` to build the column content. - This view uses new extensions to build panels (projects, subscribers, tokens). - The panel extension code and rendering can be changed without breaking old stuff. Minor changes: - Token awards now load their tokens, for consistency/simplicity. - Removed the rest of the "fork of" / "forked from" UI in Paste -- I essentially removed these features a while ago, and no one has complained. Test Plan: UI is a bit rough, but works, and it's going to get changed now anyway: {F1160550} {F1160551} Reviewers: chad Reviewed By: chad Differential Revision: https://secure.phabricator.com/D15414
2016-03-05 23:45:56 +01:00
/**
* @provides phui-curtain-view-css
*/
.phui-curtain-panel {
Minor curtain spacing update Summary: Removes unused CSS, cleans up curtain spacing. Test Plan: Test maniphest, etc, in mobile, tablet, desktop Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15418
2016-03-06 22:28:02 +01:00
padding: 16px 0;
margin: 0 4px;
}
Don't render an action list without actions Summary: Skips rendering of partial elements if no actions are present. Test Plan: Tested on profile menu item page, maniphest curtain, phriction dropdown, and instance backups page (no actions at all). Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D17931
2017-05-17 18:06:07 +02:00
.phui-two-column-properties > .phui-curtain-panel:first-child {
padding-top: 6px;
}
Minor curtain spacing update Summary: Removes unused CSS, cleans up curtain spacing. Test Plan: Test maniphest, etc, in mobile, tablet, desktop Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15418
2016-03-06 22:28:02 +01:00
.device .phui-curtain-panel {
padding: 8px 0;
margin: 0;
Introduce "Curtain" views, panels, and extensions Summary: This opens up the new action column to have specialized rendering and behavior. Briefly: - Converted applications (right now, only Paste) render a `CurtainView` to build the column content. - This view uses new extensions to build panels (projects, subscribers, tokens). - The panel extension code and rendering can be changed without breaking old stuff. Minor changes: - Token awards now load their tokens, for consistency/simplicity. - Removed the rest of the "fork of" / "forked from" UI in Paste -- I essentially removed these features a while ago, and no one has complained. Test Plan: UI is a bit rough, but works, and it's going to get changed now anyway: {F1160550} {F1160551} Reviewers: chad Reviewed By: chad Differential Revision: https://secure.phabricator.com/D15414
2016-03-05 23:45:56 +01:00
}
Don't render an action list without actions Summary: Skips rendering of partial elements if no actions are present. Test Plan: Tested on profile menu item page, maniphest curtain, phriction dropdown, and instance backups page (no actions at all). Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D17931
2017-05-17 18:06:07 +02:00
.device-desktop .phui-curtain-panel + .phui-curtain-panel,
.device-desktop .phabricator-action-list-view + .phui-curtain-panel {
Add a few more high contrast CSS rules Summary: In new PHUITwoColumnLayout, some new colors were used that aren't in the High Contrast PostProcessor. Adding them and proper fallbacks. Test Plan: High Contrast on/off on a timeline page. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16515
2016-09-07 20:02:54 +02:00
border-top: 1px solid {$greybackground};
Introduce "Curtain" views, panels, and extensions Summary: This opens up the new action column to have specialized rendering and behavior. Briefly: - Converted applications (right now, only Paste) render a `CurtainView` to build the column content. - This view uses new extensions to build panels (projects, subscribers, tokens). - The panel extension code and rendering can be changed without breaking old stuff. Minor changes: - Token awards now load their tokens, for consistency/simplicity. - Removed the rest of the "fork of" / "forked from" UI in Paste -- I essentially removed these features a while ago, and no one has complained. Test Plan: UI is a bit rough, but works, and it's going to get changed now anyway: {F1160550} {F1160551} Reviewers: chad Reviewed By: chad Differential Revision: https://secure.phabricator.com/D15414
2016-03-05 23:45:56 +01:00
}
Make PHUITwoColumnView a little more printable Summary: Hide navbar, and make curtain behave like on a phone, when printing. Test Plan: {F5197340} Reviewers: epriestley, #blessed_reviewers Reviewed By: epriestley, #blessed_reviewers Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18583
2017-09-25 21:56:22 +02:00
!print .phui-curtain-panel + .phui-curtain-panel {
padding: 8px 0;
border-top: none;
}
!print .device-desktop .phabricator-action-list-view + .phui-curtain-panel {
padding: 8px 0;
border-top: none;
}
!print .device-desktop .phui-curtain-panel + .phui-curtain-panel {
padding: 8px 0;
border-top: none;
}
!print .phabricator-action-list-view + .phui-curtain-panel {
padding: 8px 0;
border-top: none;
}
Introduce "Curtain" views, panels, and extensions Summary: This opens up the new action column to have specialized rendering and behavior. Briefly: - Converted applications (right now, only Paste) render a `CurtainView` to build the column content. - This view uses new extensions to build panels (projects, subscribers, tokens). - The panel extension code and rendering can be changed without breaking old stuff. Minor changes: - Token awards now load their tokens, for consistency/simplicity. - Removed the rest of the "fork of" / "forked from" UI in Paste -- I essentially removed these features a while ago, and no one has complained. Test Plan: UI is a bit rough, but works, and it's going to get changed now anyway: {F1160550} {F1160551} Reviewers: chad Reviewed By: chad Differential Revision: https://secure.phabricator.com/D15414
2016-03-05 23:45:56 +01:00
.phui-curtain-panel-header {
Minor curtain spacing update Summary: Removes unused CSS, cleans up curtain spacing. Test Plan: Test maniphest, etc, in mobile, tablet, desktop Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15418
2016-03-06 22:28:02 +01:00
padding: 0 0 4px;
Introduce "Curtain" views, panels, and extensions Summary: This opens up the new action column to have specialized rendering and behavior. Briefly: - Converted applications (right now, only Paste) render a `CurtainView` to build the column content. - This view uses new extensions to build panels (projects, subscribers, tokens). - The panel extension code and rendering can be changed without breaking old stuff. Minor changes: - Token awards now load their tokens, for consistency/simplicity. - Removed the rest of the "fork of" / "forked from" UI in Paste -- I essentially removed these features a while ago, and no one has complained. Test Plan: UI is a bit rough, but works, and it's going to get changed now anyway: {F1160550} {F1160551} Reviewers: chad Reviewed By: chad Differential Revision: https://secure.phabricator.com/D15414
2016-03-05 23:45:56 +01:00
color: {$bluetext};
font-weight: bold;
}
.phui-curtain-panel-body {
padding: 4px 0 0;
Fix some minor curtain overflow/wrap issues Summary: Fixes T12503. - Users with creative usernames like `MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM` could overflow "Subscribers" in the curtain UI. - Other content like packages could also overflow. - Users with interesting and unique names like `WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW` who were also away or disabled could get a linebreak between their availability dot and their username. Test Plan: See T12503 for "before" screenshots. Also tested mobile, which looked fine, but didn't screenshot it. {F4849900} {F4849912} Reviewers: chad Reviewed By: chad Maniphest Tasks: T12503 Differential Revision: https://secure.phabricator.com/D17650
2017-04-11 00:07:07 +02:00
overflow: hidden;
text-overflow: ellipsis;
Introduce "Curtain" views, panels, and extensions Summary: This opens up the new action column to have specialized rendering and behavior. Briefly: - Converted applications (right now, only Paste) render a `CurtainView` to build the column content. - This view uses new extensions to build panels (projects, subscribers, tokens). - The panel extension code and rendering can be changed without breaking old stuff. Minor changes: - Token awards now load their tokens, for consistency/simplicity. - Removed the rest of the "fork of" / "forked from" UI in Paste -- I essentially removed these features a while ago, and no one has complained. Test Plan: UI is a bit rough, but works, and it's going to get changed now anyway: {F1160550} {F1160551} Reviewers: chad Reviewed By: chad Differential Revision: https://secure.phabricator.com/D15414
2016-03-05 23:45:56 +01:00
}
Minor curtain spacing update Summary: Removes unused CSS, cleans up curtain spacing. Test Plan: Test maniphest, etc, in mobile, tablet, desktop Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15418
2016-03-06 22:28:02 +01:00
.device .phui-curtain-panel-body {
padding: 0;
}
Wrap long project tags in curtain-body Summary: Until we have a new treatment, wrap the really long tags. Fixes T10550 Test Plan: Make a really long tag and assign it to a task. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10550 Differential Revision: https://secure.phabricator.com/D15453
2016-03-10 03:46:54 +01:00
Make PHUITwoColumnView a little more printable Summary: Hide navbar, and make curtain behave like on a phone, when printing. Test Plan: {F5197340} Reviewers: epriestley, #blessed_reviewers Reviewed By: epriestley, #blessed_reviewers Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18583
2017-09-25 21:56:22 +02:00
!print .phui-curtain-panel-body {
padding: 0;
}
Wrap long project tags in curtain-body Summary: Until we have a new treatment, wrap the really long tags. Fixes T10550 Test Plan: Make a really long tag and assign it to a task. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10550 Differential Revision: https://secure.phabricator.com/D15453
2016-03-10 03:46:54 +01:00
/* Project tags */
.phui-curtain-panel-body .phabricator-handle-tag-list-item {
line-height: 21px;
}
.phui-side-column .phui-curtain-panel-body .phui-tag-view {
white-space: pre-wrap;
}
Hide curtainview on mobile if it's empty Summary: If we don't have any panels, just an action list, we want to hide the entire box on mobile since it's just an empty line. Test Plan: Review Owners, Differential curtains on mobile, desktop. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18350
2017-08-06 05:05:04 +02:00
.device .curtain-no-panels {
display: none;
}
Make PHUITwoColumnView a little more printable Summary: Hide navbar, and make curtain behave like on a phone, when printing. Test Plan: {F5197340} Reviewers: epriestley, #blessed_reviewers Reviewed By: epriestley, #blessed_reviewers Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18583
2017-09-25 21:56:22 +02:00
!print .curtain-no-panels {
display: none;
}
Copy permalink