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

256 lines
4.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 19:45:06 +02:00
/**
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
* @provides phui-header-view-css
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
*/
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
.phui-header-shell {
[Redesign] Remove PHUIActionHeaderView Summary: This adds minor functionality to PHUIHeaderView (icons, tags) that were previously on in ActionHeader. This allows us to remove the PHUIActionHeaderView outright in favor of just one Header class. Test Plan: Tested each callsite, workboards, hovercards, conpherence. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12902
2015-05-18 19:00:15 +02:00
border-bottom: 1px solid {$thinblueborder};
Remove PhabricatorProfileHeaderView in favor of PhabricatorHeaderView Summary: We have this old view which is only used in two places and looks the same but has totally different markup. Get rid of it. @chad, I'm generally going to move the user/project profiles a step toward looking like other object detail view with the custom field stuff. Not sure if you have any grand vision here; we can easily do something else later since this is like 80% "delete weird epriestley one-offs that don't look quite right in favor of standard elements". Test Plan: {F49324} {F49325} {F49326} Reviewers: chad, btrahan Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D6394
2013-07-10 01:23:22 +02:00
overflow: hidden;
[Redesign] PHUIHeaderView goes to table layout Summary: Ref T8099. This changes makes flexible layouts easier, and aligns icons, buttons better vertically. Test Plan: Test various header locations, Phriction, Conpherence, Dashboards, Workboards etc. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12961
2015-05-22 17:22:25 +02:00
padding: 0 4px 12px;
}
.phui-header-view {
display: table;
width: 100%
}
.phui-header-row {
display: table-row;
}
.phui-header-col1 {
display: table-cell;
vertical-align: middle;
width: 62px;
}
.phui-header-col2 {
display: table-cell;
vertical-align: middle;
[Redesign] Break words in headers Summary: Ref T8099, Fixes T8678. Breaks overly long words in headers. Test Plan: Make a long header on mobile. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099, T8678 Differential Revision: https://secure.phabricator.com/D13453
2015-06-26 01:13:32 +02:00
word-break: break-word;
[Redesign] PHUIHeaderView goes to table layout Summary: Ref T8099. This changes makes flexible layouts easier, and aligns icons, buttons better vertically. Test Plan: Test various header locations, Phriction, Conpherence, Dashboards, Workboards etc. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12961
2015-05-22 17:22:25 +02:00
}
.phui-header-col3 {
display: table-cell;
vertical-align: middle;
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 23:01:35 +01:00
}
[Redesign] Minor mobile CSS updates Summary: Ref T8099, Lots of little mobile tweaks browsing around. Test Plan: Look everywhere, for things, and stuff. Then align it better. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13037
2015-05-27 18:49:54 +02:00
.device-phone .phui-header-col3 {
vertical-align: top;
}
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
body .phui-header-shell.phui-header-no-backgound {
More Diviner style updates Summary: This adds a number of new styles for Diviner documentation. Not sure I've covered all the bases or wrote this in the most efficient manner, but passing it along now for early review before tightening everything up. Test Plan: Review various class pages. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6888
2013-09-05 21:29:07 +02:00
background-color: transparent;
border: none;
}
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
body .phui-header-shell.phui-bleed-header {
Support WOFF files in Celerity and add Source Sans Pro Summary: - Allow Celerity to map and serve WOFF files. - Add Source Sans Pro, Source Sans Pro Bold, and the corresponding LICENSE. - Add a `font-source-sans-pro` resource for the font. Test Plan: - Changed body `font-face` to `'Source Sans Pro'`. - Added `require_celerity_resource('font-source-sans-pro')` in StandardPageView. Works in Firefox/Chrome/Safari, at least: {F123296} {F123297} {F123298} Reviewers: btrahan, chad Reviewed By: chad CC: chad, aran Differential Revision: https://secure.phabricator.com/D8430
2014-03-06 20:28:24 +01:00
background-color: #fff;
border-bottom: 1px solid {$thinblueborder};
More Diviner style updates Summary: This adds a number of new styles for Diviner documentation. Not sure I've covered all the bases or wrote this in the most efficient manner, but passing it along now for early review before tightening everything up. Test Plan: Review various class pages. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6888
2013-09-05 21:29:07 +02:00
width: auto;
Support WOFF files in Celerity and add Source Sans Pro Summary: - Allow Celerity to map and serve WOFF files. - Add Source Sans Pro, Source Sans Pro Bold, and the corresponding LICENSE. - Add a `font-source-sans-pro` resource for the font. Test Plan: - Changed body `font-face` to `'Source Sans Pro'`. - Added `require_celerity_resource('font-source-sans-pro')` in StandardPageView. Works in Firefox/Chrome/Safari, at least: {F123296} {F123297} {F123298} Reviewers: btrahan, chad Reviewed By: chad CC: chad, aran Differential Revision: https://secure.phabricator.com/D8430
2014-03-06 20:28:24 +01:00
margin: 16px;
More Diviner style updates Summary: This adds a number of new styles for Diviner documentation. Not sure I've covered all the bases or wrote this in the most efficient manner, but passing it along now for early review before tightening everything up. Test Plan: Review various class pages. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6888
2013-09-05 21:29:07 +02:00
}
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
body .phui-header-shell.phui-bleed-header
.phui-header-view {
Support WOFF files in Celerity and add Source Sans Pro Summary: - Allow Celerity to map and serve WOFF files. - Add Source Sans Pro, Source Sans Pro Bold, and the corresponding LICENSE. - Add a `font-source-sans-pro` resource for the font. Test Plan: - Changed body `font-face` to `'Source Sans Pro'`. - Added `require_celerity_resource('font-source-sans-pro')` in StandardPageView. Works in Firefox/Chrome/Safari, at least: {F123296} {F123297} {F123298} Reviewers: btrahan, chad Reviewed By: chad CC: chad, aran Differential Revision: https://secure.phabricator.com/D8430
2014-03-06 20:28:24 +01:00
padding: 8px 24px 8px 0;
[Redesign] Mobile/Phone design pass Summary: Ref T8099, Quick descent pass at making header, object lists, tables, filter view, mobile friendly. Test Plan: Test home, differential diff, maniphest task, new task, search, and a few other views. {F414034} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12984
2015-05-23 02:52:51 +02:00
color: {$darkbluetext};
More Diviner style updates Summary: This adds a number of new styles for Diviner documentation. Not sure I've covered all the bases or wrote this in the most efficient manner, but passing it along now for early review before tightening everything up. Test Plan: Review various class pages. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6888
2013-09-05 21:29:07 +02:00
}
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
.phui-header-shell + .phabricator-form-view {
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 23:01:35 +01:00
border-top-width: 0;
}
PHUIPropertyListView Summary: This builds out and implements PHUIPropertyListView (container) and PHUIPropertyListItemView (section) as well as adding tabs. Test Plan: Tested each page I edited with the exception of Releeph and Phortune, though those changes look ok to me diff wise. Updated examples page with tabs. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7283
2013-10-11 16:53:56 +02:00
.phui-property-list-view + .diviner-document-section {
Diviner CSS, layout updates Summary: Moves book view to use PHUIDocument, fix some other spacing issues. Test Plan: Review a number of pages in Diviner. Reviewers: epriestley Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6925
2013-09-10 16:26:00 +02:00
margin-top: -1px;
}
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
.phui-header-view {
[Redesign] Better Headers, more options Summary: Ref T8099, Adds ability to set header as "tall" and provide better control over height of actual header text. Also fixed some color issues with multiple object boxes. Test Plan: Review a commit, review dashboards, review a diff, review home. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13077
2015-05-31 17:36:44 +02:00
position: relative;
[Redesign] Larger Font PostProcessor Summary: Ref T8099, Ref T8614. Reasonable attempt at a larger font size PostProcessor, will need additional UI cleanup (places where we fix height) but overall very decent. Test Plan: Use lots of the UI elements with new font sizes. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099, T8614 Differential Revision: https://secure.phabricator.com/D13457
2015-06-26 18:33:03 +02:00
font-size: {$normalfontsize};
[Redesign] Better Headers, more options Summary: Ref T8099, Adds ability to set header as "tall" and provide better control over height of actual header text. Also fixed some color issues with multiple object boxes. Test Plan: Review a commit, review dashboards, review a diff, review home. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13077
2015-05-31 17:36:44 +02:00
}
.phui-header-header {
[Redesign] Misc Buggypoos Summary: - Give preference to Segoe on Windows - Move to Lato headers except documents - Fix diviner issues - Fix feed overwriting line-height - Fix apps launcher - Fix infoview + listview - Make tall headers less tall - Legalpad, Diviner tweaks Test Plan: Random surfing. @epriestley can you just commit this for me, connection generally shitty. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D13305
2015-06-16 15:46:53 +02:00
font-size: 16px;
[Redesign] Phriction UI Updates, Header tweaks Summary: Ref T8099, walked through Phriction, updated PHUIHeader for more consistent layouts. Test Plan: Test Phriction Document, Heirarchy, History, Diffs. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13084
2015-05-31 21:15:15 +02:00
line-height: 24px;
[Redesign] Misc cleanup Summary: Ref T8099, random bug fixes in headers, PHUIDocumentView, soften Oswald colors. Test Plan: browse and test each change. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13147
2015-06-04 05:44:33 +02:00
color: {$darkbluetext};
[Redesign] Mobile/Phone design pass Summary: Ref T8099, Quick descent pass at making header, object lists, tables, filter view, mobile friendly. Test Plan: Test home, differential diff, maniphest task, new task, search, and a few other views. {F414034} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12984
2015-05-23 02:52:51 +02:00
}
[Redesign] Better Headers, more options Summary: Ref T8099, Adds ability to set header as "tall" and provide better control over height of actual header text. Also fixed some color issues with multiple object boxes. Test Plan: Review a commit, review dashboards, review a diff, review home. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13077
2015-05-31 17:36:44 +02:00
.phui-object-box .phui-header-tall .phui-header-header,
.phui-document-view .phui-header-tall .phui-header-header {
[Redesign] Misc Buggypoos Summary: - Give preference to Segoe on Windows - Move to Lato headers except documents - Fix diviner issues - Fix feed overwriting line-height - Fix apps launcher - Fix infoview + listview - Make tall headers less tall - Legalpad, Diviner tweaks Test Plan: Random surfing. @epriestley can you just commit this for me, connection generally shitty. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D13305
2015-06-16 15:46:53 +02:00
font-size: 18px;
[Redesign] New PHUIObjectItemListView Summary: New, cleaner, ObjectItemLists. Lots of minor style tweaks, basic overview: - Remove FootIcons - Remove Stackable - Remove Plain List - Add StatusIcon - Add setting ObjectList to an ObjectBox - Minor retouches to Headers Mostly, this should give us an idea of life with the new Object Lists. I'll take another application by application pass down the road. This mostly looks at implementation in Maniphest, Differential, Audit, Workboards. Checked a few other areas and dialogs while testing, and everything looks square. Test Plan: Maniphest, Differential, Homepage, Audit, People, and other applications. Drag reorder, etc. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12865
2015-05-15 22:28:59 +02:00
}
[Redesign] Better Headers, more options Summary: Ref T8099, Adds ability to set header as "tall" and provide better control over height of actual header text. Also fixed some color issues with multiple object boxes. Test Plan: Review a commit, review dashboards, review a diff, review home. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13077
2015-05-31 17:36:44 +02:00
.phui-header-view .phui-header-header a {
[Redesign] Misc cleanup Summary: Ref T8099, random bug fixes in headers, PHUIDocumentView, soften Oswald colors. Test Plan: browse and test each change. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13147
2015-06-04 05:44:33 +02:00
color: {$darkbluetext};
}
.device-desktop .phui-header-view .phui-header-header a:hover {
text-decoration: none;
[Redesign] Move basefont to Lato, remove Source Sans Pro Summary: Working towards a more unified look and feel. This brings in Lato as a complete base font over Helvetica Neue, as well as removing Source Sans Pro from DocumentView and Conpherence. Design-wise Lato provides the nice readability at larger font sizes that Source Sans Pro did, with the ability to scale down to tables and UI widgets with ease. This gives us one font instead of two, and now Object descriptions and Timeline posts all can benefit from a consistent, readable font. Test Plan: Test main UI, smaller elements like tables, menus, DocumentViews, Previews, Conpherence. {F498135} {F498136} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13276
2015-06-13 21:32:45 +02:00
color: {$blue};
Fix header anchor colors Summary: I inadvertantly removed this rule and I am very fond of it. Test Plan: Browse history in Diffusion, header links are dark again Reviewers: epriestley Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7714
2013-12-05 16:16:25 +01:00
}
Add Action Buttons to ObjectHeaders Summary: This adds the ability to float action buttons inside ObjectHeaderView. Test Plan: Tested a UI Example on desktop and mobile. Will test on Notifications next. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7684
2013-12-03 17:34:04 +01:00
.phui-header-view .phui-header-action-links {
Float actions in header for better overflow Summary: Fixes T6964, makes action links float instead of absolutely positioned. Test Plan: Tested UIExamples, actions in single line headers, multi line headers, headers with images, workboard headers. Test desktop, mobile, and tablet breakpoints. Long titles wrap as expected as button list grows. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T6964 Differential Revision: https://secure.phabricator.com/D11379
2015-01-14 01:10:57 +01:00
float: right;
Make workboards truly 'fixed' in display Summary: **WIP** This sets a shadow fixed to the full screen of the browser for which panels to live in. I have some minor things to fix, but play with it. Specifically I haven't been able to dig up when stuff that overflowwed, doesn't always render even after scroll. Test Plan: Test on a board with many tasks, many panels, small screens. Test on mobile too! Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: qgil, epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9005
2014-05-08 23:21:32 +02:00
}
.phui-object-box .phui-header-view .phui-header-action-links {
[Redesign] PHUIHeaderView goes to table layout Summary: Ref T8099. This changes makes flexible layouts easier, and aligns icons, buttons better vertically. Test Plan: Test various header locations, Phriction, Conpherence, Dashboards, Workboards etc. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12961
2015-05-22 17:22:25 +02:00
margin-right: 4px;
[Redesign] Larger Font PostProcessor Summary: Ref T8099, Ref T8614. Reasonable attempt at a larger font size PostProcessor, will need additional UI cleanup (places where we fix height) but overall very decent. Test Plan: Use lots of the UI elements with new font sizes. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099, T8614 Differential Revision: https://secure.phabricator.com/D13457
2015-06-26 18:33:03 +02:00
font-size: {$normalfontsize};
Add Action Buttons to ObjectHeaders Summary: This adds the ability to float action buttons inside ObjectHeaderView. Test Plan: Tested a UI Example on desktop and mobile. Will test on Notifications next. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7684
2013-12-03 17:34:04 +01:00
}
.device-phone .phui-header-action-link .phui-button-text {
visibility: hidden;
width: 0;
[redesign] Simple buttons Summary: Adds a thin border to the .simple button class. Test Plan: Tested Worboards, Diffusion, tall and normal headers. Reviewers: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9355
2014-06-03 06:01:05 +02:00
margin-left: 8px;
Clean up spacing on Diffusion headers Summary: This adds some controllable space between paths in Diffusion headers. Fixes T3951 Test Plan: Tested new links in diffusion. Reviewers: epriestley Reviewed By: epriestley CC: Korvin, epriestley, aran Maniphest Tasks: T3951 Differential Revision: https://secure.phabricator.com/D7304
2013-10-14 18:40:05 +02:00
}
Center button icons when on mobile displays Summary: Fixes T8885. This view is restricted enough on mobile that we can widen and center the icon. Test Plan: Test workboards, pinning apps, viewing action menus. Reviewers: btrahan, joshuaspence, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8885 Differential Revision: https://secure.phabricator.com/D13647
2015-07-18 21:18:59 +02:00
.device-phone .phui-header-action-link.button .phui-icon-view {
width: 12px;
text-align: center;
}
Clean up spacing on Diffusion headers Summary: This adds some controllable space between paths in Diffusion headers. Fixes T3951 Test Plan: Tested new links in diffusion. Reviewers: epriestley Reviewed By: epriestley CC: Korvin, epriestley, aran Maniphest Tasks: T3951 Differential Revision: https://secure.phabricator.com/D7304
2013-10-14 18:40:05 +02:00
.phui-header-divider {
margin: 0 4px;
font-weight: normal;
color: {$lightbluetext};
}
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
.phui-header-tags {
Make multiple tags render more nicely in headers Summary: If you render multiple tags, they squish together. Test Plan: Now they look a little better: {F31191} Reviewers: Afaque_Hussain Reviewed By: Afaque_Hussain CC: aran Differential Revision: https://secure.phabricator.com/D4761
2013-01-31 20:49:38 +01:00
margin-left: 12px;
[Redesign] Larger Font PostProcessor Summary: Ref T8099, Ref T8614. Reasonable attempt at a larger font size PostProcessor, will need additional UI cleanup (places where we fix height) but overall very decent. Test Plan: Use lots of the UI elements with new font sizes. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099, T8614 Differential Revision: https://secure.phabricator.com/D13457
2015-06-26 18:33:03 +02:00
font-size: {$normalfontsize};
Modernize Macro application Summary: Adds feed, email, notifications, comments, partial editing, subscriptions, enable/disable, flags and crumbs to Macro. Test Plan: {F26839} {F26840} {F26841} {F26842} {F26843} {F26844} {F26845} Reviewers: vrana, btrahan, chad Reviewed By: vrana CC: aran Maniphest Tasks: T2157, T175, T2104 Differential Revision: https://secure.phabricator.com/D4141
2012-12-11 23:01:03 +01:00
}
Make multiple tags render more nicely in headers Summary: If you render multiple tags, they squish together. Test Plan: Now they look a little better: {F31191} Reviewers: Afaque_Hussain Reviewed By: Afaque_Hussain CC: aran Differential Revision: https://secure.phabricator.com/D4761
2013-01-31 20:49:38 +01:00
Move PhabricatorTagView to PHUITagView Summary: For consistency and great justice. Test Plan: tested audit, uiexamples, action headers Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7967
2014-01-14 23:09:52 +01:00
.phui-header-tags .phui-tag-view {
Make multiple tags render more nicely in headers Summary: If you render multiple tags, they squish together. Test Plan: Now they look a little better: {F31191} Reviewers: Afaque_Hussain Reviewed By: Afaque_Hussain CC: aran Differential Revision: https://secure.phabricator.com/D4761
2013-01-31 20:49:38 +01:00
margin-left: 4px;
}
Remove PhabricatorProfileHeaderView in favor of PhabricatorHeaderView Summary: We have this old view which is only used in two places and looks the same but has totally different markup. Get rid of it. @chad, I'm generally going to move the user/project profiles a step toward looking like other object detail view with the custom field stuff. Not sure if you have any grand vision here; we can easily do something else later since this is like 80% "delete weird epriestley one-offs that don't look quite right in favor of standard elements". Test Plan: {F49324} {F49325} {F49326} Reviewers: chad, btrahan Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D6394
2013-07-10 01:23:22 +02:00
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
.phui-header-image {
Remove PhabricatorProfileHeaderView in favor of PhabricatorHeaderView Summary: We have this old view which is only used in two places and looks the same but has totally different markup. Get rid of it. @chad, I'm generally going to move the user/project profiles a step toward looking like other object detail view with the custom field stuff. Not sure if you have any grand vision here; we can easily do something else later since this is like 80% "delete weird epriestley one-offs that don't look quite right in favor of standard elements". Test Plan: {F49324} {F49325} {F49326} Reviewers: chad, btrahan Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D6394
2013-07-10 01:23:22 +02:00
display: inline-block;
background-repeat: no-repeat;
Make CSS agnostic to underlying profile image size Summary: Ref T7707. My analysis there was a bit confused and this isn't really all that important, but seems cleaner and desirable to be agnostic to the underlying image size. Test Plan: Tested Safari, Firefox and Chrome with a variety of profile image sizes. Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Maniphest Tasks: T7707 Differential Revision: https://secure.phabricator.com/D12825
2015-05-13 17:14:47 +02:00
background-size: 100%;
[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
box-shadow: {$borderinset};
Remove PhabricatorProfileHeaderView in favor of PhabricatorHeaderView Summary: We have this old view which is only used in two places and looks the same but has totally different markup. Get rid of it. @chad, I'm generally going to move the user/project profiles a step toward looking like other object detail view with the custom field stuff. Not sure if you have any grand vision here; we can easily do something else later since this is like 80% "delete weird epriestley one-offs that don't look quite right in favor of standard elements". Test Plan: {F49324} {F49325} {F49326} Reviewers: chad, btrahan Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D6394
2013-07-10 01:23:22 +02:00
width: 50px;
height: 50px;
}
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
.phui-header-subheader {
Remove PhabricatorProfileHeaderView in favor of PhabricatorHeaderView Summary: We have this old view which is only used in two places and looks the same but has totally different markup. Get rid of it. @chad, I'm generally going to move the user/project profiles a step toward looking like other object detail view with the custom field stuff. Not sure if you have any grand vision here; we can easily do something else later since this is like 80% "delete weird epriestley one-offs that don't look quite right in favor of standard elements". Test Plan: {F49324} {F49325} {F49326} Reviewers: chad, btrahan Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D6394
2013-07-10 01:23:22 +02:00
font-weight: normal;
[Redesign] Larger Font PostProcessor Summary: Ref T8099, Ref T8614. Reasonable attempt at a larger font size PostProcessor, will need additional UI cleanup (places where we fix height) but overall very decent. Test Plan: Use lots of the UI elements with new font sizes. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099, T8614 Differential Revision: https://secure.phabricator.com/D13457
2015-06-26 18:33:03 +02:00
font-size: {$biggerfontsize};
[Redesign] PHUIHeaderView goes to table layout Summary: Ref T8099. This changes makes flexible layouts easier, and aligns icons, buttons better vertically. Test Plan: Test various header locations, Phriction, Conpherence, Dashboards, Workboards etc. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12961
2015-05-22 17:22:25 +02:00
margin-top: 8px;
Remove PhabricatorProfileHeaderView in favor of PhabricatorHeaderView Summary: We have this old view which is only used in two places and looks the same but has totally different markup. Get rid of it. @chad, I'm generally going to move the user/project profiles a step toward looking like other object detail view with the custom field stuff. Not sure if you have any grand vision here; we can easily do something else later since this is like 80% "delete weird epriestley one-offs that don't look quite right in favor of standard elements". Test Plan: {F49324} {F49325} {F49326} Reviewers: chad, btrahan Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D6394
2013-07-10 01:23:22 +02:00
}
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
Convert rest of SPRITE_STATUS to FontAwesome Summary: Updates policy, headers, typeaheads to FA over policy icons Need advice - can't seem to place where icons come from on Typeahead? Wrong icons and wrong colors.... it is late Test Plan: - grepped for SPRITE_STATUS - grepped for sprite-status - grepped for setStatus for headers - grepped individual icons names Browsed numerous places, checked new dropdowns, see pudgy people. Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4739 Differential Revision: https://secure.phabricator.com/D9179
2014-05-19 01:10:54 +02:00
.phui-header-subheader .phui-icon-view {
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
display: inline-block;
margin: -2px 4px -2px 0;
Tweak object header UI Summary: Increase font size and contrast of all Object Headers. Test Plan: Sample a few, find it easier to read. I've been using this locally for a while. {F261868} {F261869} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11221
2015-01-05 19:33:42 +01:00
font-size: 15px;
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
}
Tweak object header UI Summary: Increase font size and contrast of all Object Headers. Test Plan: Sample a few, find it easier to read. I've been using this locally for a while. {F261868} {F261869} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11221
2015-01-05 19:33:42 +01:00
.phui-header-subheader,
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
.phui-header-subheader .policy-link {
Tweak object header UI Summary: Increase font size and contrast of all Object Headers. Test Plan: Sample a few, find it easier to read. I've been using this locally for a while. {F261868} {F261869} Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11221
2015-01-05 19:33:42 +01:00
color: {$darkbluetext};
Policy, Status in PHUIHeaderView Summary: The adds the ability to set 'properties' such as state, privacy, due date to the header of objects. Test Plan: Implemented in Paste, Pholio. Tested various states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7016
2013-09-17 18:12:37 +02:00
}
ObjectHeader Status icons Summary: Adds status icons and colors to Maniphest and Differential. Also minor tweaks to them in hovercards. Probably some other stuff too. Test Plan: Test many diff and task states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7098
2013-09-24 17:42:04 +02:00
[Redesign] Normalize header policy and object tags Summary: Ref T8099, This adds a consistent background color to object and policy tags, and highlights them when they deviate from the normal. Still likely worth revamping 'closed' and 'review' state colors. Test Plan: Review lots of diffs and tasks. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13399
2015-06-23 13:03:46 +02:00
.policy-header-callout,
.phui-header-subheader .phui-header-status {
padding: 3px 9px;
Show when objects have a non-default policy Summary: Fixes T6787. I'm kind of cheating a little bit here by not unifying default selection with `initializeNew(...)` methods, but I figure we can let this settle for a bit and then go do that later. It's pretty minor. Since we're not doing templates I kind of want to swap the `'template'` key to `'type'` so maybe I'll do that too at some point. @chad, freel free to change these, I was just trying to make them pretty obvious. I //do// think it's good for them to stand out, but my approach is probably a bit inconsistent/heavy-handed in the new design. Test Plan: {F525024} {F525025} {F525026} {F525027} Reviewers: btrahan, chad Reviewed By: btrahan Subscribers: johnny-bit, joshuaspence, chad, epriestley Maniphest Tasks: T6787 Differential Revision: https://secure.phabricator.com/D13387
2015-06-22 20:46:59 +02:00
border-radius: 3px;
[Redesign] Pop color up on header status tags Summary: Ref T8099, Move these to alpha channels so different header colors pop the color up equally. Test Plan: Test Documents, Maniphest, Workboards Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13440
2015-06-26 00:59:40 +02:00
background: rgba(71, 87, 120, 0.06);
[Redesign] Normalize header policy and object tags Summary: Ref T8099, This adds a consistent background color to object and policy tags, and highlights them when they deviate from the normal. Still likely worth revamping 'closed' and 'review' state colors. Test Plan: Review lots of diffs and tasks. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13399
2015-06-23 13:03:46 +02:00
margin-right: 8px;
Show when objects have a non-default policy Summary: Fixes T6787. I'm kind of cheating a little bit here by not unifying default selection with `initializeNew(...)` methods, but I figure we can let this settle for a bit and then go do that later. It's pretty minor. Since we're not doing templates I kind of want to swap the `'template'` key to `'type'` so maybe I'll do that too at some point. @chad, freel free to change these, I was just trying to make them pretty obvious. I //do// think it's good for them to stand out, but my approach is probably a bit inconsistent/heavy-handed in the new design. Test Plan: {F525024} {F525025} {F525026} {F525027} Reviewers: btrahan, chad Reviewed By: btrahan Subscribers: johnny-bit, joshuaspence, chad, epriestley Maniphest Tasks: T6787 Differential Revision: https://secure.phabricator.com/D13387
2015-06-22 20:46:59 +02:00
}
.policy-header-callout.policy-adjusted-weaker {
[Redesign] Normalize header policy and object tags Summary: Ref T8099, This adds a consistent background color to object and policy tags, and highlights them when they deviate from the normal. Still likely worth revamping 'closed' and 'review' state colors. Test Plan: Review lots of diffs and tasks. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13399
2015-06-23 13:03:46 +02:00
background: {$sh-greenbackground};
Show when objects have a non-default policy Summary: Fixes T6787. I'm kind of cheating a little bit here by not unifying default selection with `initializeNew(...)` methods, but I figure we can let this settle for a bit and then go do that later. It's pretty minor. Since we're not doing templates I kind of want to swap the `'template'` key to `'type'` so maybe I'll do that too at some point. @chad, freel free to change these, I was just trying to make them pretty obvious. I //do// think it's good for them to stand out, but my approach is probably a bit inconsistent/heavy-handed in the new design. Test Plan: {F525024} {F525025} {F525026} {F525027} Reviewers: btrahan, chad Reviewed By: btrahan Subscribers: johnny-bit, joshuaspence, chad, epriestley Maniphest Tasks: T6787 Differential Revision: https://secure.phabricator.com/D13387
2015-06-22 20:46:59 +02:00
}
.policy-header-callout.policy-adjusted-weaker .policy-link,
.policy-header-callout.policy-adjusted-weaker .phui-icon-view {
[Redesign] Normalize header policy and object tags Summary: Ref T8099, This adds a consistent background color to object and policy tags, and highlights them when they deviate from the normal. Still likely worth revamping 'closed' and 'review' state colors. Test Plan: Review lots of diffs and tasks. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13399
2015-06-23 13:03:46 +02:00
color: {$sh-greentext};
Show when objects have a non-default policy Summary: Fixes T6787. I'm kind of cheating a little bit here by not unifying default selection with `initializeNew(...)` methods, but I figure we can let this settle for a bit and then go do that later. It's pretty minor. Since we're not doing templates I kind of want to swap the `'template'` key to `'type'` so maybe I'll do that too at some point. @chad, freel free to change these, I was just trying to make them pretty obvious. I //do// think it's good for them to stand out, but my approach is probably a bit inconsistent/heavy-handed in the new design. Test Plan: {F525024} {F525025} {F525026} {F525027} Reviewers: btrahan, chad Reviewed By: btrahan Subscribers: johnny-bit, joshuaspence, chad, epriestley Maniphest Tasks: T6787 Differential Revision: https://secure.phabricator.com/D13387
2015-06-22 20:46:59 +02:00
}
.policy-header-callout.policy-adjusted-stronger {
[Redesign] Normalize header policy and object tags Summary: Ref T8099, This adds a consistent background color to object and policy tags, and highlights them when they deviate from the normal. Still likely worth revamping 'closed' and 'review' state colors. Test Plan: Review lots of diffs and tasks. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13399
2015-06-23 13:03:46 +02:00
background: {$sh-redbackground};
Show when objects have a non-default policy Summary: Fixes T6787. I'm kind of cheating a little bit here by not unifying default selection with `initializeNew(...)` methods, but I figure we can let this settle for a bit and then go do that later. It's pretty minor. Since we're not doing templates I kind of want to swap the `'template'` key to `'type'` so maybe I'll do that too at some point. @chad, freel free to change these, I was just trying to make them pretty obvious. I //do// think it's good for them to stand out, but my approach is probably a bit inconsistent/heavy-handed in the new design. Test Plan: {F525024} {F525025} {F525026} {F525027} Reviewers: btrahan, chad Reviewed By: btrahan Subscribers: johnny-bit, joshuaspence, chad, epriestley Maniphest Tasks: T6787 Differential Revision: https://secure.phabricator.com/D13387
2015-06-22 20:46:59 +02:00
}
.policy-header-callout.policy-adjusted-stronger .policy-link,
.policy-header-callout.policy-adjusted-stronger .phui-icon-view {
[Redesign] Normalize header policy and object tags Summary: Ref T8099, This adds a consistent background color to object and policy tags, and highlights them when they deviate from the normal. Still likely worth revamping 'closed' and 'review' state colors. Test Plan: Review lots of diffs and tasks. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13399
2015-06-23 13:03:46 +02:00
color: {$sh-redtext};
Show when objects have a non-default policy Summary: Fixes T6787. I'm kind of cheating a little bit here by not unifying default selection with `initializeNew(...)` methods, but I figure we can let this settle for a bit and then go do that later. It's pretty minor. Since we're not doing templates I kind of want to swap the `'template'` key to `'type'` so maybe I'll do that too at some point. @chad, freel free to change these, I was just trying to make them pretty obvious. I //do// think it's good for them to stand out, but my approach is probably a bit inconsistent/heavy-handed in the new design. Test Plan: {F525024} {F525025} {F525026} {F525027} Reviewers: btrahan, chad Reviewed By: btrahan Subscribers: johnny-bit, joshuaspence, chad, epriestley Maniphest Tasks: T6787 Differential Revision: https://secure.phabricator.com/D13387
2015-06-22 20:46:59 +02:00
}
.policy-header-callout.policy-adjusted-different {
[Redesign] Normalize header policy and object tags Summary: Ref T8099, This adds a consistent background color to object and policy tags, and highlights them when they deviate from the normal. Still likely worth revamping 'closed' and 'review' state colors. Test Plan: Review lots of diffs and tasks. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13399
2015-06-23 13:03:46 +02:00
background: {$sh-orangebackground};
Show when objects have a non-default policy Summary: Fixes T6787. I'm kind of cheating a little bit here by not unifying default selection with `initializeNew(...)` methods, but I figure we can let this settle for a bit and then go do that later. It's pretty minor. Since we're not doing templates I kind of want to swap the `'template'` key to `'type'` so maybe I'll do that too at some point. @chad, freel free to change these, I was just trying to make them pretty obvious. I //do// think it's good for them to stand out, but my approach is probably a bit inconsistent/heavy-handed in the new design. Test Plan: {F525024} {F525025} {F525026} {F525027} Reviewers: btrahan, chad Reviewed By: btrahan Subscribers: johnny-bit, joshuaspence, chad, epriestley Maniphest Tasks: T6787 Differential Revision: https://secure.phabricator.com/D13387
2015-06-22 20:46:59 +02:00
}
.policy-header-callout.policy-adjusted-different .policy-link,
.policy-header-callout.policy-adjusted-different .phui-icon-view {
[Redesign] Normalize header policy and object tags Summary: Ref T8099, This adds a consistent background color to object and policy tags, and highlights them when they deviate from the normal. Still likely worth revamping 'closed' and 'review' state colors. Test Plan: Review lots of diffs and tasks. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13399
2015-06-23 13:03:46 +02:00
color: {$sh-orangetext};
Show when objects have a non-default policy Summary: Fixes T6787. I'm kind of cheating a little bit here by not unifying default selection with `initializeNew(...)` methods, but I figure we can let this settle for a bit and then go do that later. It's pretty minor. Since we're not doing templates I kind of want to swap the `'template'` key to `'type'` so maybe I'll do that too at some point. @chad, freel free to change these, I was just trying to make them pretty obvious. I //do// think it's good for them to stand out, but my approach is probably a bit inconsistent/heavy-handed in the new design. Test Plan: {F525024} {F525025} {F525026} {F525027} Reviewers: btrahan, chad Reviewed By: btrahan Subscribers: johnny-bit, joshuaspence, chad, epriestley Maniphest Tasks: T6787 Differential Revision: https://secure.phabricator.com/D13387
2015-06-22 20:46:59 +02:00
}
ObjectHeader Status icons Summary: Adds status icons and colors to Maniphest and Differential. Also minor tweaks to them in hovercards. Probably some other stuff too. Test Plan: Test many diff and task states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7098
2013-09-24 17:42:04 +02:00
.phui-header-subheader .phui-header-status-dark {
[Redesign] Remove PHUIActionHeaderView Summary: This adds minor functionality to PHUIHeaderView (icons, tags) that were previously on in ActionHeader. This allows us to remove the PHUIActionHeaderView outright in favor of just one Header class. Test Plan: Tested each callsite, workboards, hovercards, conpherence. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12902
2015-05-18 19:00:15 +02:00
color: {$sh-indigotext};
[Redesign] Provide more color to object states in headers Summary: Ref T8099, Now that we have cleaner headers, we can add more pop to important items, like the state of an Object. This makes it easier to just note the color and generally understand the state of the object (closed, returned, accepted, open). @epriestley, I think you previously thought this was a bug, but if it still feels bad, let me know. Test Plan: Review Differential, Maniphest, Polls for various object states. {F520973} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13369
2015-06-21 14:38:07 +02:00
background: {$sh-indigobackground};
[Redesign] Remove PHUIActionHeaderView Summary: This adds minor functionality to PHUIHeaderView (icons, tags) that were previously on in ActionHeader. This allows us to remove the PHUIActionHeaderView outright in favor of just one Header class. Test Plan: Tested each callsite, workboards, hovercards, conpherence. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12902
2015-05-18 19:00:15 +02:00
margin-right: 8px;
ObjectHeader Status icons Summary: Adds status icons and colors to Maniphest and Differential. Also minor tweaks to them in hovercards. Probably some other stuff too. Test Plan: Test many diff and task states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7098
2013-09-24 17:42:04 +02:00
}
Change CLOSED colors to Indigo over Black Summary: CLosed is a pretty important state and black tends to blend in a bit. This bumps to an alternate color to improve ability to scan and know state of objects. Test Plan: Review a number of closed objects. I will follow up with another diff on 'Archived' colors. {F261895} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11222
2015-01-05 20:19:01 +01:00
.phui-header-subheader .phui-header-status-dark .phui-icon-view {
[Redesign] Provide more color to object states in headers Summary: Ref T8099, Now that we have cleaner headers, we can add more pop to important items, like the state of an Object. This makes it easier to just note the color and generally understand the state of the object (closed, returned, accepted, open). @epriestley, I think you previously thought this was a bug, but if it still feels bad, let me know. Test Plan: Review Differential, Maniphest, Polls for various object states. {F520973} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13369
2015-06-21 14:38:07 +02:00
color: {$sh-indigotext};
Change CLOSED colors to Indigo over Black Summary: CLosed is a pretty important state and black tends to blend in a bit. This bumps to an alternate color to improve ability to scan and know state of objects. Test Plan: Review a number of closed objects. I will follow up with another diff on 'Archived' colors. {F261895} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11222
2015-01-05 20:19:01 +01:00
}
ObjectHeader Status icons Summary: Adds status icons and colors to Maniphest and Differential. Also minor tweaks to them in hovercards. Probably some other stuff too. Test Plan: Test many diff and task states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7098
2013-09-24 17:42:04 +02:00
.phui-header-subheader .phui-header-status-red {
[Redesign] Remove PHUIActionHeaderView Summary: This adds minor functionality to PHUIHeaderView (icons, tags) that were previously on in ActionHeader. This allows us to remove the PHUIActionHeaderView outright in favor of just one Header class. Test Plan: Tested each callsite, workboards, hovercards, conpherence. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12902
2015-05-18 19:00:15 +02:00
color: {$sh-redtext};
[Redesign] Provide more color to object states in headers Summary: Ref T8099, Now that we have cleaner headers, we can add more pop to important items, like the state of an Object. This makes it easier to just note the color and generally understand the state of the object (closed, returned, accepted, open). @epriestley, I think you previously thought this was a bug, but if it still feels bad, let me know. Test Plan: Review Differential, Maniphest, Polls for various object states. {F520973} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13369
2015-06-21 14:38:07 +02:00
background: {$sh-redbackground};
ObjectHeader Status icons Summary: Adds status icons and colors to Maniphest and Differential. Also minor tweaks to them in hovercards. Probably some other stuff too. Test Plan: Test many diff and task states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7098
2013-09-24 17:42:04 +02:00
}
.phui-header-subheader .phui-header-status-green {
[Redesign] Remove PHUIActionHeaderView Summary: This adds minor functionality to PHUIHeaderView (icons, tags) that were previously on in ActionHeader. This allows us to remove the PHUIActionHeaderView outright in favor of just one Header class. Test Plan: Tested each callsite, workboards, hovercards, conpherence. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12902
2015-05-18 19:00:15 +02:00
color: {$sh-greentext};
[Redesign] Provide more color to object states in headers Summary: Ref T8099, Now that we have cleaner headers, we can add more pop to important items, like the state of an Object. This makes it easier to just note the color and generally understand the state of the object (closed, returned, accepted, open). @epriestley, I think you previously thought this was a bug, but if it still feels bad, let me know. Test Plan: Review Differential, Maniphest, Polls for various object states. {F520973} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13369
2015-06-21 14:38:07 +02:00
background: {$sh-greenbackground};
ObjectHeader Status icons Summary: Adds status icons and colors to Maniphest and Differential. Also minor tweaks to them in hovercards. Probably some other stuff too. Test Plan: Test many diff and task states. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7098
2013-09-24 17:42:04 +02:00
}
Move ActionList mobile links to better location Summary: Ref T5752, moves mobile action menus to the object box instead of crumbs. Test Plan: View action menus at tablet, desktop, and mobile break points. Verify clicking buttons works as expected opening menu. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T5752 Differential Revision: https://secure.phabricator.com/D11340
2015-01-12 16:24:35 +01:00
.phui-header-action-links .phui-mobile-menu {
display: none;
}
.device .phui-header-action-links .phui-mobile-menu {
display: inline-block;
}
[Redesign] Convert Dashboard Panels to ObjectBox Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView Test Plan: Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels. {F406170} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
[Redesign] Workboard headers / icons Summary: Ref T8099, cleans up spacing, colors. Switched back to dropdown icon. Test Plan: test headers in workpanels, conpherence Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13080
2015-05-31 16:54:48 +02:00
.phui-header-action-list {
[Redesign] Convert Dashboard Panels to ObjectBox Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView Test Plan: Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels. {F406170} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
float: right;
}
[Redesign] Workboard headers / icons Summary: Ref T8099, cleans up spacing, colors. Switched back to dropdown icon. Test Plan: test headers in workpanels, conpherence Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13080
2015-05-31 16:54:48 +02:00
.phui-header-action-list li {
margin: 0 0 0 8px;
[Redesign] Convert Dashboard Panels to ObjectBox Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView Test Plan: Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels. {F406170} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
float: right;
}
[Redesign] Remove PHUIActionHeaderView Summary: This adds minor functionality to PHUIHeaderView (icons, tags) that were previously on in ActionHeader. This allows us to remove the PHUIActionHeaderView outright in favor of just one Header class. Test Plan: Tested each callsite, workboards, hovercards, conpherence. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12902
2015-05-18 19:00:15 +02:00
[Redesign] Workboard headers / icons Summary: Ref T8099, cleans up spacing, colors. Switched back to dropdown icon. Test Plan: test headers in workpanels, conpherence Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13080
2015-05-31 16:54:48 +02:00
.phui-header-action-list li.phui-header-action-icon {
height: 18px;
width: 16px;
}
.phui-header-action-list .phui-header-action-icon .phui-icon-view {
font-size: 16px;
line-height: 20px;
display: block;
[Redesign] Remove PHUIActionHeaderView Summary: This adds minor functionality to PHUIHeaderView (icons, tags) that were previously on in ActionHeader. This allows us to remove the PHUIActionHeaderView outright in favor of just one Header class. Test Plan: Tested each callsite, workboards, hovercards, conpherence. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12902
2015-05-18 19:00:15 +02:00
}
Merge branch 'master' into redesign-2015
2015-06-10 16:44:58 +02:00
Support Spaces transactions Summary: Ref T8424. This adds crude integration with Paste's edit/view workflows: you can change the space a Paste appears in, see transactions, and get a policy callout. Lots of rough edges and non-obviousness but it pretty much works. Test Plan: - Created and updated Pastes. - Moved them between spaces, saw policy effects. - Read transactions. - Looked at feed. - Faked query to return no spaces, saw control and other stuff vanish. - Faked query to return no spaces, created pastes. - Tried to submit bad values and got errors. Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Maniphest Tasks: T8424 Differential Revision: https://secure.phabricator.com/D13159
2015-06-05 19:42:49 +02:00
.spaces-name {
color: {$lightbluetext};
}
[Redesign] Spaces header colors Summary: Ref T8099, Gives some additional prominence to a Space (darkred) in headers and obj lists. Test Plan: Test a sample space. Some concern on workboards if space name is long. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13312
2015-06-16 22:43:27 +02:00
.phui-object-box .phui-header-tall .spaces-name {
font-size: 18px;
}
Support Spaces transactions Summary: Ref T8424. This adds crude integration with Paste's edit/view workflows: you can change the space a Paste appears in, see transactions, and get a policy callout. Lots of rough edges and non-obviousness but it pretty much works. Test Plan: - Created and updated Pastes. - Moved them between spaces, saw policy effects. - Read transactions. - Looked at feed. - Faked query to return no spaces, saw control and other stuff vanish. - Faked query to return no spaces, created pastes. - Tried to submit bad values and got errors. Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Maniphest Tasks: T8424 Differential Revision: https://secure.phabricator.com/D13159
2015-06-05 19:42:49 +02:00
.spaces-name .phui-handle {
[Redesign] Spaces header colors Summary: Ref T8099, Gives some additional prominence to a Space (darkred) in headers and obj lists. Test Plan: Test a sample space. Some concern on workboards if space name is long. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13312
2015-06-16 22:43:27 +02:00
color: {$sh-redtext};
Support Spaces transactions Summary: Ref T8424. This adds crude integration with Paste's edit/view workflows: you can change the space a Paste appears in, see transactions, and get a policy callout. Lots of rough edges and non-obviousness but it pretty much works. Test Plan: - Created and updated Pastes. - Moved them between spaces, saw policy effects. - Read transactions. - Looked at feed. - Faked query to return no spaces, saw control and other stuff vanish. - Faked query to return no spaces, created pastes. - Tried to submit bad values and got errors. Reviewers: chad, btrahan Reviewed By: btrahan Subscribers: epriestley Maniphest Tasks: T8424 Differential Revision: https://secure.phabricator.com/D13159
2015-06-05 19:42:49 +02:00
}
Add Badges to PHUIHeaderView Summary: Adds the ability to add Badges to Headers Test Plan: UIExamples. Reviewers: epriestley, btrahan Subscribers:
2015-07-11 20:59:00 +02:00
.phui-header-subheader .phui-badge-flex-view {
display: inline;
margin-right: 4px;
}
.phui-header-subheader .phui-badge-flex-view:after {
display: inline;
}
Copy permalink