revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-23 05:01:13 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-curtain-view.css

49 lines
867 B
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 14:45:56 -08: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 13:28:02 -08: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 09:06:07 -07: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 13:28:02 -08: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 14:45:56 -08: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 09:06:07 -07: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 11:02:54 -07: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 14:45:56 -08: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 13:28:02 -08: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 14:45:56 -08: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-10 15:07:07 -07: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 14:45:56 -08: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 13:28:02 -08: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-09 18:46:54 -08: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;
}
Copy permalink