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-action-list.css

127 lines
2.8 KiB
CSS
Raw Normal View History

Modernize Paste Summary: - Add a PhabricatorApplication. - Make most of the views work well on tablets / phones. The actual "Create" form doesn't, but everything else is good -- need to make device-friendly form layouts before I can do the form. Test Plan: Will attach screenshots. Reviewers: btrahan, chad, vrana Reviewed By: btrahan CC: aran Maniphest Tasks: T1569 Differential Revision: https://secure.phabricator.com/D3293
2012-08-15 10:45:06 -07:00
/**
* @provides phabricator-action-list-view-css
*/
.device-desktop .phabricator-action-list-view {
font-size: 12px;
Lay in more styles from "diff_full_view.png" Summary: Aligns more styles to the `diff_full_view.png` mock. Test Plan: {F26859} Reviewers: chad, btrahan Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D4142
2012-12-11 14:01:35 -08:00
}
[redesign] Tokens and List Summary: Takes a pass at standardizing spacing and colors for lists and tokens. Test Plan: Tested a lot of lists, policy, timeline, quick create, diffusion. Reviewers: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9325
2014-05-28 20:56:20 -07:00
.phuix-dropdown-menu .phabricator-action-list-view {
font-size: 13px;
}
Simplify ".device-phone X, .device-tablet X { ... }" rules Summary: Add a ".device" rule which means "phone or tablet". Simplify about 5000 rules which were written ".device-phone X, device-tablet X { ... }". Test Plan: Browsed the site a bit without incident. Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4103
2012-12-07 13:37:10 -08:00
.device .phabricator-action-list-view {
Color tweaks for action list, headers Summary: Starting to roll out the standard colors and spacing to action list, headers, and property views. Also softened the grey borders a hex. Test Plan: Review Maniphest and Differential on desktop and mobile. Felt the flow of standardization waft over me. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6869
2013-09-03 07:00:06 -07:00
padding: 4px 0;
Action Menu (mobile) Summary: First pass here, still needs some UI work (maybe? tablets?). Getting it out to see if implementation is corrrect. Test Plan: Shrink Maniphest task on Chrome, see new UI. Toggle menu. Test on iOS. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5631
2013-04-09 12:42:03 -07:00
display: none;
}
Use ActionList-based dropdowns in Conpherence Summary: See D8966, D8973. Replace PhabricatorDropdownMenu with PHUIXDropdownMenu. These new menus look weird on mobile because all action lists pick up a bunch of weird styles on mobile and we're now reusing the CSS. Test Plan: {F150425} {F150426} Reviewers: btrahan, chad Reviewed By: btrahan Subscribers: epriestley Differential Revision: https://secure.phabricator.com/D8974
2014-05-05 10:56:38 -07:00
.device .phuix-dropdown-menu .phabricator-action-list-view {
/* When an action list view appears inside a dropdown menu, don't hide it
by default. */
display: block;
}
Action Menu (mobile) Summary: First pass here, still needs some UI work (maybe? tablets?). Getting it out to see if implementation is corrrect. Test Plan: Shrink Maniphest task on Chrome, see new UI. Toggle menu. Test on iOS. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5631
2013-04-09 12:42:03 -07:00
.device .phabricator-action-list-view.phabricator-action-list-toggle {
display: block;
}
Scope ActionLink mobile buttons to PropertyListView Summary: We apply a mobile button style here, make sure to only use it in Property Lists, and not all PHUIX dropdowns. Test Plan: Test dropdown on mobile Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9517
2014-06-13 11:35:08 -07:00
.device .phui-property-list-view
.phabricator-action-view button.phabricator-action-view-item,
.device .phui-property-list-view .phabricator-action-view-item {
Increase font size on mobile action menu Summary: Fixes T3041 Test Plan: tested on iPhone Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T3041 Differential Revision: https://secure.phabricator.com/D5838
2013-05-06 09:46:53 -07:00
font-size: 14px;
line-height: 22px;
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 11:12:00 -07:00
padding-bottom: 4px;
border-bottom: 1px solid {$thinblueborder};
Tweak mobile action css, add to people Summary: Makes the mobile action menu a little nicer, adds it to /people/ Test Plan: Test myself on my install, mobile and desktop. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9259
2014-05-22 12:04:11 -07:00
padding-left: 30px;
}
.device .phui-property-list-actions .phabricator-action-view .phui-icon-view {
font-size: 14px;
line-height: 18px;
Increase font size on mobile action menu Summary: Fixes T3041 Test Plan: tested on iPhone Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T3041 Differential Revision: https://secure.phabricator.com/D5838
2013-05-06 09:46:53 -07:00
}
Modernize Paste Summary: - Add a PhabricatorApplication. - Make most of the views work well on tablets / phones. The actual "Create" form doesn't, but everything else is good -- need to make device-friendly form layouts before I can do the form. Test Plan: Will attach screenshots. Reviewers: btrahan, chad, vrana Reviewed By: btrahan CC: aran Maniphest Tasks: T1569 Differential Revision: https://secure.phabricator.com/D3293
2012-08-15 10:45:06 -07:00
.phabricator-action-view {
position: relative;
}
Allow action list items to render as forms Summary: In some cases, we want an action item (like "Subscribe") to effect a write that needs a CSRF check. Allow such items to render as forms so they gracefully degrade if JS is FUBAR'd. D3499 has a specific example. Test Plan: Loaded new UI example page, clicked all the actions. Reviewers: btrahan, vrana, avivey Reviewed By: btrahan CC: aran Differential Revision: https://secure.phabricator.com/D3596
2012-10-03 10:21:39 -07:00
.phabricator-action-view button.phabricator-action-view-item {
border: none;
background: transparent;
box-shadow: none;
outline: 0;
padding: 0;
margin: 0;
font-weight: normal;
width: 100%;
text-align: left;
Fix text-shadown on text-buttons. Summary: Missed this case in last test. Test Plan: View Action List UIExample Page, no shadows. Reviewers: vrana Reviewed By: vrana CC: epriestley, aran Differential Revision: https://secure.phabricator.com/D3935
2012-11-08 18:58:54 -08:00
text-shadow: none;
Generate an icon sprite map with new sprites and 2x retina graphics Summary: - The filesystem is now the authority for which sprites are available. If you add new icons, the generation process will pick them up. - I broke out icon generation and added retina support. App icon generation still uses the old method. - Update ActionList and RemarkupControl to use the new sheet. - Use white icons on hover. - Also fixed a couple of minor issues with some stuff in Firefox/Chrome. Test Plan: {F25750} {F25751} {F25752} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T2013 Differential Revision: https://secure.phabricator.com/D4027
2012-11-23 16:35:39 -08:00
border-radius: 0;
color: #18559D;
font: inherit;
display: inline;
min-width: 0;
Allow action list items to render as forms Summary: In some cases, we want an action item (like "Subscribe") to effect a write that needs a CSRF check. Allow such items to render as forms so they gracefully degrade if JS is FUBAR'd. D3499 has a specific example. Test Plan: Loaded new UI example page, clicked all the actions. Reviewers: btrahan, vrana, avivey Reviewed By: btrahan CC: aran Differential Revision: https://secure.phabricator.com/D3596
2012-10-03 10:21:39 -07:00
}
.phabricator-action-view button.phabricator-action-view-item,
Modernize Paste Summary: - Add a PhabricatorApplication. - Make most of the views work well on tablets / phones. The actual "Create" form doesn't, but everything else is good -- need to make device-friendly form layouts before I can do the form. Test Plan: Will attach screenshots. Reviewers: btrahan, chad, vrana Reviewed By: btrahan CC: aran Maniphest Tasks: T1569 Differential Revision: https://secure.phabricator.com/D3293
2012-08-15 10:45:06 -07:00
.phabricator-action-view-item {
[redesign] Tokens and List Summary: Takes a pass at standardizing spacing and colors for lists and tokens. Test Plan: Tested a lot of lists, policy, timeline, quick create, diffusion. Reviewers: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9325
2014-05-28 20:56:20 -07:00
padding: 3px 4px 3px 28px;
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 11:12:00 -07:00
line-height: 18px;
Modernize Paste Summary: - Add a PhabricatorApplication. - Make most of the views work well on tablets / phones. The actual "Create" form doesn't, but everything else is good -- need to make device-friendly form layouts before I can do the form. Test Plan: Will attach screenshots. Reviewers: btrahan, chad, vrana Reviewed By: btrahan CC: aran Maniphest Tasks: T1569 Differential Revision: https://secure.phabricator.com/D3293
2012-08-15 10:45:06 -07:00
display: block;
Generate an icon sprite map with new sprites and 2x retina graphics Summary: - The filesystem is now the authority for which sprites are available. If you add new icons, the generation process will pick them up. - I broke out icon generation and added retina support. App icon generation still uses the old method. - Update ActionList and RemarkupControl to use the new sheet. - Use white icons on hover. - Also fixed a couple of minor issues with some stuff in Firefox/Chrome. Test Plan: {F25750} {F25751} {F25752} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T2013 Differential Revision: https://secure.phabricator.com/D4027
2012-11-23 16:35:39 -08:00
text-decoration: none;
Color tweaks for action list, headers Summary: Starting to roll out the standard colors and spacing to action list, headers, and property views. Also softened the grey borders a hex. Test Plan: Review Maniphest and Differential on desktop and mobile. Felt the flow of standardization waft over me. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6869
2013-09-03 07:00:06 -07:00
color: {$darkgreytext};
Modernize Paste Summary: - Add a PhabricatorApplication. - Make most of the views work well on tablets / phones. The actual "Create" form doesn't, but everything else is good -- need to make device-friendly form layouts before I can do the form. Test Plan: Will attach screenshots. Reviewers: btrahan, chad, vrana Reviewed By: btrahan CC: aran Maniphest Tasks: T1569 Differential Revision: https://secure.phabricator.com/D3293
2012-08-15 10:45:06 -07:00
}
.phabricator-action-view-icon {
Generate an icon sprite map with new sprites and 2x retina graphics Summary: - The filesystem is now the authority for which sprites are available. If you add new icons, the generation process will pick them up. - I broke out icon generation and added retina support. App icon generation still uses the old method. - Update ActionList and RemarkupControl to use the new sheet. - Use white icons on hover. - Also fixed a couple of minor issues with some stuff in Firefox/Chrome. Test Plan: {F25750} {F25751} {F25752} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T2013 Differential Revision: https://secure.phabricator.com/D4027
2012-11-23 16:35:39 -08:00
width: 14px;
height: 14px;
Modernize Paste Summary: - Add a PhabricatorApplication. - Make most of the views work well on tablets / phones. The actual "Create" form doesn't, but everything else is good -- need to make device-friendly form layouts before I can do the form. Test Plan: Will attach screenshots. Reviewers: btrahan, chad, vrana Reviewed By: btrahan CC: aran Maniphest Tasks: T1569 Differential Revision: https://secure.phabricator.com/D3293
2012-08-15 10:45:06 -07:00
position: absolute;
Generate an icon sprite map with new sprites and 2x retina graphics Summary: - The filesystem is now the authority for which sprites are available. If you add new icons, the generation process will pick them up. - I broke out icon generation and added retina support. App icon generation still uses the old method. - Update ActionList and RemarkupControl to use the new sheet. - Use white icons on hover. - Also fixed a couple of minor issues with some stuff in Firefox/Chrome. Test Plan: {F25750} {F25751} {F25752} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T2013 Differential Revision: https://secure.phabricator.com/D4027
2012-11-23 16:35:39 -08:00
top: 5px;
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 11:12:00 -07:00
left: 9px;
Replace Sprite-Icons with FontAwesome Summary: The removes the sprite sheet 'icons' and replaces it with FontAwesome fonts. Test Plan: - Grep for SPRITE_ICONS and replace - Grep for sprite-icons and replace - Grep for PhabricatorActionList and choose all new icons - Grep for Crumbs and fix icons - Test/Replace PHUIList Icon support - Test/Replace ObjectList Icon support (foot, epoch, etc) - Browse as many pages as I could get to - Remove sprite-icons and move remarkup to own sheet - Review this diff in Differential Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, hach-que Differential Revision: https://secure.phabricator.com/D9052
2014-05-12 10:08:32 -07:00
font-size: 13px;
Modernize Paste Summary: - Add a PhabricatorApplication. - Make most of the views work well on tablets / phones. The actual "Create" form doesn't, but everything else is good -- need to make device-friendly form layouts before I can do the form. Test Plan: Will attach screenshots. Reviewers: btrahan, chad, vrana Reviewed By: btrahan CC: aran Maniphest Tasks: T1569 Differential Revision: https://secure.phabricator.com/D3293
2012-08-15 10:45:06 -07:00
}
Generate an icon sprite map with new sprites and 2x retina graphics Summary: - The filesystem is now the authority for which sprites are available. If you add new icons, the generation process will pick them up. - I broke out icon generation and added retina support. App icon generation still uses the old method. - Update ActionList and RemarkupControl to use the new sheet. - Use white icons on hover. - Also fixed a couple of minor issues with some stuff in Firefox/Chrome. Test Plan: {F25750} {F25751} {F25752} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T2013 Differential Revision: https://secure.phabricator.com/D4027
2012-11-23 16:35:39 -08:00
.device-desktop .phabricator-action-view:hover .phabricator-action-view-item {
text-decoration: none;
[redesign] Tokens and List Summary: Takes a pass at standardizing spacing and colors for lists and tokens. Test Plan: Tested a lot of lists, policy, timeline, quick create, diffusion. Reviewers: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9325
2014-05-28 20:56:20 -07:00
background-color: {$sky};
Replace Sprite-Icons with FontAwesome Summary: The removes the sprite sheet 'icons' and replaces it with FontAwesome fonts. Test Plan: - Grep for SPRITE_ICONS and replace - Grep for sprite-icons and replace - Grep for PhabricatorActionList and choose all new icons - Grep for Crumbs and fix icons - Test/Replace PHUIList Icon support - Test/Replace ObjectList Icon support (foot, epoch, etc) - Browse as many pages as I could get to - Remove sprite-icons and move remarkup to own sheet - Review this diff in Differential Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, hach-que Differential Revision: https://secure.phabricator.com/D9052
2014-05-12 10:08:32 -07:00
color: #fff;
}
.device-desktop .phabricator-action-view:hover .phabricator-action-view-icon {
color: #fff;
Modernize Paste Summary: - Add a PhabricatorApplication. - Make most of the views work well on tablets / phones. The actual "Create" form doesn't, but everything else is good -- need to make device-friendly form layouts before I can do the form. Test Plan: Will attach screenshots. Reviewers: btrahan, chad, vrana Reviewed By: btrahan CC: aran Maniphest Tasks: T1569 Differential Revision: https://secure.phabricator.com/D3293
2012-08-15 10:45:06 -07:00
}
Allow pastes to be edited Summary: Permits the name and langauge of a paste to be edited. This will eventually allow the visibility policy to be edited as well. Test Plan: Edited name/langauge of some pastes. Tried to edit a paste I didn't own, was harshly rebuffed. Reviewers: vrana, btrahan Reviewed By: btrahan CC: aran Maniphest Tasks: T1690 Differential Revision: https://secure.phabricator.com/D3376
2012-08-24 13:19:30 -07:00
Allow action list items to render as forms Summary: In some cases, we want an action item (like "Subscribe") to effect a write that needs a CSRF check. Allow such items to render as forms so they gracefully degrade if JS is FUBAR'd. D3499 has a specific example. Test Plan: Loaded new UI example page, clicked all the actions. Reviewers: btrahan, vrana, avivey Reviewed By: btrahan CC: aran Differential Revision: https://secure.phabricator.com/D3596
2012-10-03 10:21:39 -07:00
.phabricator-action-view-disabled .phabricator-action-view-item,
.phabricator-action-view-disabled button.phabricator-action-view-item {
Move #888 and #999 to $lightgreytext Summary: Moves lighter grey text to a common color. Test Plan: sandbox, review diff Reviewers: epriestley, btrahan, mutech.aka Reviewed By: mutech.aka CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6859
2013-09-02 08:12:18 -07:00
color: {$lightgreytext};
Allow pastes to be edited Summary: Permits the name and langauge of a paste to be edited. This will eventually allow the visibility policy to be edited as well. Test Plan: Edited name/langauge of some pastes. Tried to edit a paste I didn't own, was harshly rebuffed. Reviewers: vrana, btrahan Reviewed By: btrahan CC: aran Maniphest Tasks: T1690 Differential Revision: https://secure.phabricator.com/D3376
2012-08-24 13:19:30 -07:00
}
Use ActionList-based dropdowns in Policy Summary: See previous diffs. These mostly look reasonable with shared CSS. Test Plan: {F150431} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Differential Revision: https://secure.phabricator.com/D8975
2014-05-05 10:56:57 -07:00
.phabricator-action-view-selected {
[redesign] Tokens and List Summary: Takes a pass at standardizing spacing and colors for lists and tokens. Test Plan: Tested a lot of lists, policy, timeline, quick create, diffusion. Reviewers: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9325
2014-05-28 20:56:20 -07:00
border-left: 3px solid {$sky};
background: {$hoverblue};
}
.phabricator-action-view-selected .phabricator-action-view-item {
padding-left: 25px;
}
.phabricator-action-view-selected .phabricator-action-view-icon {
left: 6px;
Use ActionList-based dropdowns in Policy Summary: See previous diffs. These mostly look reasonable with shared CSS. Test Plan: {F150431} Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Differential Revision: https://secure.phabricator.com/D8975
2014-05-05 10:56:57 -07:00
}
Fix opacity on action list links. Summary: Seems a reasonable solution. Test Plan: click subscribe Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T3310 Differential Revision: https://secure.phabricator.com/D6485
2013-07-17 12:12:25 -07:00
.phabricator-action-view button[disabled] {
opacity: 1.0;
}
Generate an icon sprite map with new sprites and 2x retina graphics Summary: - The filesystem is now the authority for which sprites are available. If you add new icons, the generation process will pick them up. - I broke out icon generation and added retina support. App icon generation still uses the old method. - Update ActionList and RemarkupControl to use the new sheet. - Use white icons on hover. - Also fixed a couple of minor issues with some stuff in Firefox/Chrome. Test Plan: {F25750} {F25751} {F25752} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T2013 Differential Revision: https://secure.phabricator.com/D4027
2012-11-23 16:35:39 -08:00
.device-desktop .phabricator-action-view-disabled:hover
.phabricator-action-view-item,
.device-desktop .phabricator-action-view-disabled:hover
Replace Sprite-Icons with FontAwesome Summary: The removes the sprite sheet 'icons' and replaces it with FontAwesome fonts. Test Plan: - Grep for SPRITE_ICONS and replace - Grep for sprite-icons and replace - Grep for PhabricatorActionList and choose all new icons - Grep for Crumbs and fix icons - Test/Replace PHUIList Icon support - Test/Replace ObjectList Icon support (foot, epoch, etc) - Browse as many pages as I could get to - Remove sprite-icons and move remarkup to own sheet - Review this diff in Differential Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, hach-que Differential Revision: https://secure.phabricator.com/D9052
2014-05-12 10:08:32 -07:00
button.phabricator-action-view-item,
.device-desktop .phabricator-action-view-disabled:hover
.phabricator-action-view-icon,
.device-desktop .phabricator-action-view-disabled:hover
button.phabricator-action-view-icon {
background-color: {$greybackground};
Move #888 and #999 to $lightgreytext Summary: Moves lighter grey text to a common color. Test Plan: sandbox, review diff Reviewers: epriestley, btrahan, mutech.aka Reviewed By: mutech.aka CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6859
2013-09-02 08:12:18 -07:00
color: {$lightgreytext};
Allow pastes to be edited Summary: Permits the name and langauge of a paste to be edited. This will eventually allow the visibility policy to be edited as well. Test Plan: Edited name/langauge of some pastes. Tried to edit a paste I didn't own, was harshly rebuffed. Reviewers: vrana, btrahan Reviewed By: btrahan CC: aran Maniphest Tasks: T1690 Differential Revision: https://secure.phabricator.com/D3376
2012-08-24 13:19:30 -07:00
}
Copy permalink