revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-27 01:02:42 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-action-list.css

245 lines
5.7 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 19:45:06 +02:00
/**
* @provides phabricator-action-list-view-css
*/
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 22:37:10 +01: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 16:00:06 +02: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 21:42:03 +02:00
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 .phabricator-action-list-view {
padding: 4px 0;
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 19:56:38 +02: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;
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
padding: 0;
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 19:56:38 +02:00
}
Make ActionList on PHUIDocumentView always a dropdown menu Summary: Gives back 160px of document space, makes Phriction easier to read. Moves ActionList into menu Test Plan: Review Phriction Actions Menu, Edit Document, etc. Test mobile, tablet, desktop breakpoints. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12375
2015-04-12 22:57:17 +02:00
.device .phabricator-action-list-view.phabricator-action-list-toggle,
.device-desktop .phui-document-content
.phabricator-action-list-view.phabricator-action-list-toggle {
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 21:42:03 +02:00
display: block;
Normalize ActionList dropdowns Summary: Normalizes the display of the ActionList menu on mobile and tablet, shifts them to being actual menu dropdowns instead of an inline list. Test Plan: Verify DocumentView, Profiles, and Tasks all display the Action Menu in an identical way. {F368091} {F368092} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12373
2015-04-12 22:29:27 +02:00
width: 200px;
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
border: 1px solid {$lightgreyborder};
Normalize ActionList dropdowns Summary: Normalizes the display of the ActionList menu on mobile and tablet, shifts them to being actual menu dropdowns instead of an inline list. Test Plan: Verify DocumentView, Profiles, and Tasks all display the Action Menu in an identical way. {F368091} {F368092} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12373
2015-04-12 22:29:27 +02:00
border-radius: 3px;
position: absolute;
right: 16px;
top: 42px;
background: #fff;
Move base drop shadow into CelerityResourceTransformer Summary: Simplifies some common CSS rules. Test Plan: Test some dialogs and menus. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12406
2015-04-14 18:48:59 +02:00
box-shadow: {$dropshadow};
Add z-index to action menu in PHUIDocumentView Summary: Fixes T7822. Adds a z-index and cleans up menu padding. Test Plan: Review action menu on Phriction article with hovercard token. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T7822 Differential Revision: https://secure.phabricator.com/D12408
2015-04-14 19:09:48 +02: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 21:42:03 +02:00
}
Normalize ActionList dropdowns Summary: Normalizes the display of the ActionList menu on mobile and tablet, shifts them to being actual menu dropdowns instead of an inline list. Test Plan: Verify DocumentView, Profiles, and Tasks all display the Action Menu in an identical way. {F368091} {F368092} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12373
2015-04-12 22:29:27 +02:00
.device-phone .phabricator-action-list-view.phabricator-action-list-toggle {
right: 8px;
top: 38px;
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 18:46:53 +02: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 19:45:06 +02: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 19:21:39 +02: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-09 03:58:54 +01: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-24 01:35:39 +01:00
border-radius: 0;
[Redesign] Anchor blue Summary: Use a consistent blue across all anchors. Slightly lighter than current blue. Ref T8099 Test Plan: Visit Phriction, Remarkup, various apps. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12918
2015-05-19 15:38:48 +02:00
color: {$anchor};
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-24 01:35:39 +01:00
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 19:21:39 +02:00
}
Lots of little minor CSS tweaks Summary: Lots of little details, fix workboard bg colors, darken up global backgrounds just a hair, add more "widgety" look to dashboard panels, remove underline on anchors on mobile. Also Fixes T12210 Test Plan: Use lots of pages on mobile and desktop. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12210 Differential Revision: https://secure.phabricator.com/D17315
2017-02-05 21:45:27 +01:00
.phabricator-action-view button.phabricator-action-view-item .phui-icon-view {
color: {$darkbluetext};
}
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 19:21:39 +02: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 19:45:06 +02:00
.phabricator-action-view-item {
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
padding: 4px 8px 6px 8px;
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 19:45:06 +02: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-24 01:35:39 +01:00
text-decoration: none;
[Redesign] Normalize menus and lists Summary: Ref T8099, An attempt to consolidate spacing, size, and border styles of various dropdown menus and list elements. Test Plan: Look at as many lists as I could find, probably worth collapsing some of the duplicates sometime. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13517
2015-07-02 00:17:44 +02:00
color: {$darkbluetext};
Allow action-list-items to also use text-overflow ellipsis Summary: These just cut off currently if the menu item name is too wide (like mobile). Add some ellipsis Test Plan: Check long name on mobile action list menu Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D17319
2017-02-06 18:22:56 +01:00
text-overflow: ellipsis;
overflow: hidden;
Remove server side limit on policy control names Summary: Fixes T12367. CSS here already truncates (or should have been) and is generally more effective. Remove the unneeded server side truncation. Any other UI place these render? Test Plan: Set Policy to a group name of "Stanford University: Alumni Association and Friends" and see better truncation. Reviewers: epriestley, eliaspro Reviewed By: epriestley, eliaspro Subscribers: eliaspro, Korvin Maniphest Tasks: T12367 Differential Revision: https://secure.phabricator.com/D17479
2017-03-07 22:26:28 +01:00
white-space: nowrap;
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 19:45:06 +02:00
}
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
.action-has-icon button.phabricator-action-view-item,
.action-has-icon .phabricator-action-view-item {
padding: 4px 4px 4px 28px;
}
.device-desktop .phabricator-action-view-href:hover
.phabricator-action-view-item {
text-decoration: none;
background: rgba({$alphablue}, .08);
color: {$sky};
border-radius: 3px;
}
.device-desktop .phabricator-action-view-href:hover
.phabricator-action-view-icon {
color: {$sky};
}
Add "Mute/Unmute" for subscribable objects Summary: Ref T13053. See PHI126. Add an explicit "Mute" action to kill mail and notifications for a particular object. Test Plan: Muted and umuted an object while interacting with it. Saw mail route appropriately. Maniphest Tasks: T13053 Differential Revision: https://secure.phabricator.com/D19033
2018-02-08 19:37:47 +01:00
.phabricator-action-view.action-item-red {
background-color: {$sh-redbackground};
}
Allow users to be approved from the profile "Manage" page, alongside other similar actions Summary: Depends on D20122. Fixes T8029. Adds an "Approve User" action to the "Manage" page. Users are normally approved from the "Approval Queue", but if you click into a user's profile to check them out in more detail it kind of dead ends you right now. I've occasionally hit this myself, and think this workflow is generally reasonable enough to support upstream. Test Plan: {F6193742} Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T8029 Differential Revision: https://secure.phabricator.com/D20123
2019-02-07 16:06:16 +01:00
.phabricator-action-view.action-item-green {
background-color: {$sh-greenbackground};
}
Add "Mute/Unmute" for subscribable objects Summary: Ref T13053. See PHI126. Add an explicit "Mute" action to kill mail and notifications for a particular object. Test Plan: Muted and umuted an object while interacting with it. Saw mail route appropriately. Maniphest Tasks: T13053 Differential Revision: https://secure.phabricator.com/D19033
2018-02-08 19:37:47 +01:00
.phabricator-action-view.action-item-red .phabricator-action-view-item,
.phabricator-action-view.action-item-red .phabricator-action-view-icon {
color: {$sh-redtext};
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
}
Allow users to be approved from the profile "Manage" page, alongside other similar actions Summary: Depends on D20122. Fixes T8029. Adds an "Approve User" action to the "Manage" page. Users are normally approved from the "Approval Queue", but if you click into a user's profile to check them out in more detail it kind of dead ends you right now. I've occasionally hit this myself, and think this workflow is generally reasonable enough to support upstream. Test Plan: {F6193742} Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T8029 Differential Revision: https://secure.phabricator.com/D20123
2019-02-07 16:06:16 +01:00
.phabricator-action-view.action-item-green .phabricator-action-view-item,
.phabricator-action-view.action-item-green .phabricator-action-view-icon {
color: {$sh-greentext};
}
Add "Mute/Unmute" for subscribable objects Summary: Ref T13053. See PHI126. Add an explicit "Mute" action to kill mail and notifications for a particular object. Test Plan: Muted and umuted an object while interacting with it. Saw mail route appropriately. Maniphest Tasks: T13053 Differential Revision: https://secure.phabricator.com/D19033
2018-02-08 19:37:47 +01:00
.device-desktop .phabricator-action-view.action-item-red:hover
.phabricator-action-view-item,
.device-desktop .phabricator-action-view.action-item-red:hover
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
.phabricator-action-view-icon {
Add "Mute/Unmute" for subscribable objects Summary: Ref T13053. See PHI126. Add an explicit "Mute" action to kill mail and notifications for a particular object. Test Plan: Muted and umuted an object while interacting with it. Saw mail route appropriately. Maniphest Tasks: T13053 Differential Revision: https://secure.phabricator.com/D19033
2018-02-08 19:37:47 +01:00
color: {$red};
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
}
Allow users to be approved from the profile "Manage" page, alongside other similar actions Summary: Depends on D20122. Fixes T8029. Adds an "Approve User" action to the "Manage" page. Users are normally approved from the "Approval Queue", but if you click into a user's profile to check them out in more detail it kind of dead ends you right now. I've occasionally hit this myself, and think this workflow is generally reasonable enough to support upstream. Test Plan: {F6193742} Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T8029 Differential Revision: https://secure.phabricator.com/D20123
2019-02-07 16:06:16 +01:00
.device-desktop .phabricator-action-view.action-item-green:hover
.phabricator-action-view-item,
.device-desktop .phabricator-action-view.action-item-green:hover
.phabricator-action-view-icon {
color: {$green};
}
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
.phabricator-action-view-label .phabricator-action-view-item,
.phabricator-action-view-type-label .phabricator-action-view-item {
font-size: {$smallerfontsize};
Adds a setLabel function to ActionView Summary: I copied some JavaScript. I think I did OK. Though, I couldn't stop icons from writing HTML as undefined. Anyways, this give us more options, like labels, when drawing ActionViews. I'll update the UI in other places like Policy too. Test Plan: Built and tested on the search ui dropdown. {F379678} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12522
2015-04-23 16:03:03 +02:00
font-weight: bold;
color: {$bluetext};
padding: 4px 8px 6px 8px;
display: block;
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
text-transform: uppercase;
Adds a setLabel function to ActionView Summary: I copied some JavaScript. I think I did OK. Though, I couldn't stop icons from writing HTML as undefined. Anyways, this give us more options, like labels, when drawing ActionViews. I'll update the UI in other places like Policy too. Test Plan: Built and tested on the search ui dropdown. {F379678} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12522
2015-04-23 16:03:03 +02:00
-webkit-font-smoothing: antialiased;
}
.phabricator-action-view + .phabricator-action-view-label {
padding-top: 8px;
}
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 19:45:06 +02: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-24 01:35:39 +01: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 19:45:06 +02:00
position: absolute;
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
top: 7px;
More consistent icon spacing on menus Summary: Use one set of spacing everywhere for action menus Test Plan: Review dropdowns, action lists. Reviewers: epriestley, tyhtest Reviewed By: tyhtest Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D17006
2016-12-07 07:44:46 +01:00
left: 8px;
[Redesign] Normalize menus and lists Summary: Ref T8099, An attempt to consolidate spacing, size, and border styles of various dropdown menus and list elements. Test Plan: Look at as many lists as I could find, probably worth collapsing some of the duplicates sometime. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13517
2015-07-02 00:17:44 +02:00
text-align: center;
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 19:45:06 +02: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 19:21:39 +02: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 17:12:18 +02: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 22:19:30 +02: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 19:56:57 +02:00
.phabricator-action-view-selected {
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
background: {$sh-violetbackground};
border-radius: 3px;
[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-29 05:56:20 +02:00
}
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
.phabricator-action-view-selected:hover a {
text-decoration: none;
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 19:56:57 +02: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 21:12:25 +02: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-24 01:35:39 +01: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 19:08:32 +02: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 {
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 17:12:18 +02: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 22:19:30 +02:00
}
Redesign header menus and search Summary: Still lots to fix here, punting up since I'm running into a few roadblocks. TODO: [] Sort Personal/Global correctly [] Quicksand in Help Items correctly on page changes Test Plan: Verify new menus work on desktop, tablet, mobile. Test logged in menus, logged out menus. Logging out via a menu, verify each link works as expected. Help menus get build when using an app like Maniphest, Differential. Check that search works, preferences still save. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12107 Differential Revision: https://secure.phabricator.com/D17209
2017-01-17 21:04:28 +01:00
.phabricator-action-view-type-divider {
margin-top: 8px;
border-top: 1px solid {$thinblueborder};
}
Fix firefox submenu arrows on action lists Summary: Fixes T12370. Moves this to be absolutely positions so the float doesn't mess up text-overflow layouts. Test Plan: Chrome, Safari, Firefox, mobile and desktop layouts of Maniphest submenus. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12370 Differential Revision: https://secure.phabricator.com/D17484
2017-03-09 03:02:16 +01:00
/******* Sub Menu *************************************************************/
.phabricator-action-view-submenu .caret-right {
position: absolute;
top: 8px;
right: 8px;
border-left-color: {$alphablue};
}
.phabricator-action-view-submenu .caret {
position: absolute;
top: 10px;
right: 8px;
border-top: 7px solid {$lightgreytext};
}
.phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open
.phabricator-action-view-item {
background-color: rgba({$alphablue}, 0.07);
color: {$sky};
border-radius: 3px;
}
.phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open
.phabricator-action-view-item .phui-icon-view {
color: {$sky};
}
Rebuild Dashboards on EditEngine: v1 Major Jank Edition Summary: Depends on D20383. Ref T13272. Fixes T12363. See PHI997. This gets the edit flows for tab panels functional again. They aren't //nice//, and a lot of the workflows are fairly janky: for example, most of them end up with you on the tab panel's page, which isn't useful if you started on a dashboard page. However, these flows were extremely janky before anyway (see T12363) and I suspect this is a net improvement even though it's a bit of a mess. I anticipate cleaning this up bit-by-bit in future diffs. Test Plan: {F6366372} Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T13272, T12363 Differential Revision: https://secure.phabricator.com/D20384
2019-04-08 19:29:26 +02:00
On Dashboard tab panels in edit mode, make the "Tab Name" and the "Dropdown Edit Caret" into different links Summary: Ref T13272. In edit mode, tab panels now have a dropdown menu. However, this sort of overrlaps with the actual action of clicking the tab to select it. Separate these into different click targets so that "select tab X" and "open dropdown menu for X" are different operations. This is more work than it appears because: - We have an "action icon" already, used when you put a dashboard on a portal/home to create an "Edit" link. It makes sense to attach dropdowns to this, but it has some hard-coded stuff. - In applications with a "Create <thing>" in the crumbs (like Maniphest), we may use a dropdown menu if there are multiple create forms available. However, this menu renders in a weird way by reading all the properties out of an actual "View" object and building something else. - The "list of tabs" stuff shares code with different "list of tabs" navigation used by Diffusion and Instances. ..but I think I fixed everything and didn't break anything. Test Plan: - Clicked "select tab" and "open dropdown menu" as separate actions. - Viewed Diffusion, Maniphest with multiple create forms, Instances. Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T13272 Differential Revision: https://secure.phabricator.com/D20396
2019-04-11 16:12:13 +02:00
.phui-list-navbar .phui-list-item-href {
display: inline-block;
Rebuild Dashboards on EditEngine: v1 Major Jank Edition Summary: Depends on D20383. Ref T13272. Fixes T12363. See PHI997. This gets the edit flows for tab panels functional again. They aren't //nice//, and a lot of the workflows are fairly janky: for example, most of them end up with you on the tab panel's page, which isn't useful if you started on a dashboard page. However, these flows were extremely janky before anyway (see T12363) and I suspect this is a net improvement even though it's a bit of a mess. I anticipate cleaning this up bit-by-bit in future diffs. Test Plan: {F6366372} Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T13272, T12363 Differential Revision: https://secure.phabricator.com/D20384
2019-04-08 19:29:26 +02:00
}
On Dashboard tab panels in edit mode, make the "Tab Name" and the "Dropdown Edit Caret" into different links Summary: Ref T13272. In edit mode, tab panels now have a dropdown menu. However, this sort of overrlaps with the actual action of clicking the tab to select it. Separate these into different click targets so that "select tab X" and "open dropdown menu for X" are different operations. This is more work than it appears because: - We have an "action icon" already, used when you put a dashboard on a portal/home to create an "Edit" link. It makes sense to attach dropdowns to this, but it has some hard-coded stuff. - In applications with a "Create <thing>" in the crumbs (like Maniphest), we may use a dropdown menu if there are multiple create forms available. However, this menu renders in a weird way by reading all the properties out of an actual "View" object and building something else. - The "list of tabs" stuff shares code with different "list of tabs" navigation used by Diffusion and Instances. ..but I think I fixed everything and didn't break anything. Test Plan: - Clicked "select tab" and "open dropdown menu" as separate actions. - Viewed Diffusion, Maniphest with multiple create forms, Instances. Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T13272 Differential Revision: https://secure.phabricator.com/D20396
2019-04-11 16:12:13 +02:00
.phui-list-navbar .phui-list-item-disabled .phui-list-item-href {
color: {$lightgreytext};
}
.phui-list-navbar .phui-list-item-action-href {
display: inline-block;
padding: 8px 16px;
line-height: 16px;
}
.phui-list-navbar .phui-list-item-action-href .phui-icon-view {
color: {$darkgreytext};
}
.device-desktop
.phui-list-navbar .phui-list-item-action-href:hover {
background-color: rgba({$alphablue}, 0.07);
color: {$sky};
Rebuild Dashboards on EditEngine: v1 Major Jank Edition Summary: Depends on D20383. Ref T13272. Fixes T12363. See PHI997. This gets the edit flows for tab panels functional again. They aren't //nice//, and a lot of the workflows are fairly janky: for example, most of them end up with you on the tab panel's page, which isn't useful if you started on a dashboard page. However, these flows were extremely janky before anyway (see T12363) and I suspect this is a net improvement even though it's a bit of a mess. I anticipate cleaning this up bit-by-bit in future diffs. Test Plan: {F6366372} Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T13272, T12363 Differential Revision: https://secure.phabricator.com/D20384
2019-04-08 19:29:26 +02:00
}
Reduce drag-and-drop jank on dashboards Summary: Depends on D20414. Ref T13272. Several minor things here: - Currently, you can drag panels underneath the invisible "there are no items in this column" div and the "Create Panel / Add Existing Panel" buttons. This is silly; stop it. - Currently, when viewing a tab panel on a dashboard, you can drag the panels inside it. This is extremely silly. Make "movable" off by default and pass it through the async flow only when we actually need it. - Make the whole "Add Tab..." virtual tab clickable to open the dropdown. This removes the rare exception/todo combo I added earlier. {key F} - Add or remove some icons or something. Test Plan: Moved panels around on dashboards. Tried to drag panels inside tab panels. Added tab. Things were less obviously broken. Reviewers: amckinley Reviewed By: amckinley Maniphest Tasks: T13272 Differential Revision: https://secure.phabricator.com/D20415
2019-04-13 01:50:59 +02:00
.phui-list-navbar .dropdown-with-caret .phui-list-item-href
.phui-icon-view {
margin-left: 12px;
}
Copy permalink