revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-15 03:12:41 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-property-list-view.css

223 lines
4.4 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
/**
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
* @provides phui-property-list-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
*/
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 .keyboard-shortcuts-available {
change DifferentialRevisionDetailView to use newer fangled UI abstractions Summary: actions are still a bit messy - unsatisfactory icons (T2013 will help!) Test Plan: viewed diffs - they look good Reviewers: epriestley, vrana Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T2007 Differential Revision: https://secure.phabricator.com/D3904
2012-12-11 23:59:27 +01:00
float: right;
height: 16px;
margin: 12px 10px -28px 0px;
padding: 0px 20px 0px 0px;
vertical-align: middle;
Move #666 to $greytext in UIColor Summary: Split some of these up for safe regexes. Test Plan: reload celerity Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6858
2013-09-02 17:08:54 +02:00
color: {$greytext};
change DifferentialRevisionDetailView to use newer fangled UI abstractions Summary: actions are still a bit messy - unsatisfactory icons (T2013 will help!) Test Plan: viewed diffs - they look good Reviewers: epriestley, vrana Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T2007 Differential Revision: https://secure.phabricator.com/D3904
2012-12-11 23:59:27 +01:00
text-align: right;
[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: {$smallestfontsize};
change DifferentialRevisionDetailView to use newer fangled UI abstractions Summary: actions are still a bit messy - unsatisfactory icons (T2013 will help!) Test Plan: viewed diffs - they look good Reviewers: epriestley, vrana Reviewed By: epriestley CC: chad, aran, Korvin Maniphest Tasks: T2007 Differential Revision: https://secure.phabricator.com/D3904
2012-12-11 23:59:27 +01:00
background:
url('/rsrc/image/icon/fatcow/key_question.png') right center no-repeat;
}
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 20:12:00 +02:00
.device .keyboard-shortcuts-available {
display: none;
}
Add a border to additional property lists in a group. Summary: When we stack property sections without a header, we still want a thin line. This adds a line on non-initial sections but not when headers exist. Fixes T4051 Test Plan: Tested Macro, File, Diffusion, a Whacked Profile Page and Maniphest. All lines look right Reviewers: epriestley Reviewed By: epriestley CC: Korvin, epriestley, aran Maniphest Tasks: T4051 Differential Revision: https://secure.phabricator.com/D7492
2013-11-04 17:52:46 +01:00
.phui-property-group-noninitial,
.phui-property-list-section-noninitial {
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
border-color: {$thinblueborder};
Improve PhabricatorPropertyListView and add section headers Summary: - For Drydock, I want to add section headers to separate user-defined attributes from global attributes. - Some day for Differential, I want to add "Summary" and "Test Plan" section headers. - Clean up some stuff a bit; drop the multiple APIs for setting text content. Explicitly disallow appendChild(). - Build out the UIExample a bit. Test Plan: {F24821} {F24822} Reviewers: chad, btrahan Reviewed By: chad CC: aran Maniphest Tasks: T2015 Differential Revision: https://secure.phabricator.com/D4000
2012-11-21 03:01:18 +01:00
border-style: solid;
Add objectheaders to new View Summary: This adds the 'PHUIObjectBox' to nearly every place that should get it. I need to comb through Diffusion a little more. I've left Differential mostly alone, but may decide to do it anyways this weekend. I'm sure I missed something else, but these are easy enough to update. Test Plan: tested each new layout. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7162
2013-09-29 00:55:38 +02:00
border-width: 1px 0 0;
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
}
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
.device-desktop .phui-property-list-container {
Add objectheaders to new View Summary: This adds the 'PHUIObjectBox' to nearly every place that should get it. I need to comb through Diffusion a little more. I've left Differential mostly alone, but may decide to do it anyways this weekend. I'm sure I missed something else, but these are easy enough to update. Test Plan: tested each new layout. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7162
2013-09-29 00:55:38 +02:00
padding: 12px 0 12px 0;
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 20:12:00 +02:00
width: 100%;
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
}
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
.device .phui-property-list-container {
Add objectheaders to new View Summary: This adds the 'PHUIObjectBox' to nearly every place that should get it. I need to comb through Diffusion a little more. I've left Differential mostly alone, but may decide to do it anyways this weekend. I'm sure I missed something else, but these are easy enough to update. Test Plan: tested each new layout. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7162
2013-09-29 00:55:38 +02:00
padding: 12px 0 4px 0;
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
}
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-key {
Diviner CSS tweaks Summary: Update Diviner table layouts, make it purty. Test Plan: test many diviner pages Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6880
2013-09-04 20:50:57 +02:00
color: {$bluetext};
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
font-weight: bold;
Improve PhabricatorPropertyListView and add section headers Summary: - For Drydock, I want to add section headers to separate user-defined attributes from global attributes. - Some day for Differential, I want to add "Summary" and "Test Plan" section headers. - Clean up some stuff a bit; drop the multiple APIs for setting text content. Explicitly disallow appendChild(). - Build out the UIExample a bit. Test Plan: {F24821} {F24822} Reviewers: chad, btrahan Reviewed By: chad CC: aran Maniphest Tasks: T2015 Differential Revision: https://secure.phabricator.com/D4000
2012-11-21 03:01:18 +01:00
overflow: hidden;
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
}
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
.device-desktop .phui-property-list-key {
Widen PHUIPropertyListView when ActionList isn't attached Summary: This makes PHUIPropertyList display wider when an ActionList isn't present. Test Plan: Review Diff Details in a Diff. Test mobile and desktop layouts. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13568
2015-10-28 19:15:18 +01:00
width: 12%;
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
margin-left: 1%;
text-align: right;
float: left;
clear: left;
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
margin-bottom: 4px;
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
}
Widen PHUIPropertyListView when ActionList isn't attached Summary: This makes PHUIPropertyList display wider when an ActionList isn't present. Test Plan: Review Diff Details in a Diff. Test mobile and desktop layouts. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13568
2015-10-28 19:15:18 +01:00
.device-desktop .phui-property-list-has-actions .phui-property-list-key {
width: 18%;
}
Fix property list stacked UI Summary: The stacked version of property lists is supposed to display like a normal definition list. Test Plan: Test the stacked layout in Herald. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11014
2014-12-18 23:42:26 +01:00
.phui-property-list-properties-wrap.phui-property-list-stacked {
width: auto;
float: none;
}
Add a Stacked view for PropertyList Summary: Turns a Property List into a stacked view like on tablet/mobile. Useful for where text is longer. Test Plan: Test a Herald Transcript page {F148438} {F148439} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D8891
2014-04-29 16:04:22 +02:00
.device .phui-property-list-key,
Fix property list stacked UI Summary: The stacked version of property lists is supposed to display like a normal definition list. Test Plan: Test the stacked layout in Herald. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11014
2014-12-18 23:42:26 +01:00
.phui-property-list-stacked .phui-property-list-properties
Add a Stacked view for PropertyList Summary: Turns a Property List into a stacked view like on tablet/mobile. Useful for where text is longer. Test Plan: Test a Herald Transcript page {F148438} {F148439} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D8891
2014-04-29 16:04:22 +02:00
.phui-property-list-key {
[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
padding-left: 4px;
Fix property list stacked UI Summary: The stacked version of property lists is supposed to display like a normal definition list. Test Plan: Test the stacked layout in Herald. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11014
2014-12-18 23:42:26 +01:00
text-align: left;
margin-left: 0;
width: auto;
float: none;
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
}
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-value {
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
color: {$darkgreytext};
Modernize Paste Summary: - Add a PhabricatorApplication. - Make most of the views work well on tablets / phones. The actual "Create" form doesn't, but everything else is good -- need to make device-friendly form layouts before I can do the form. Test Plan: Will attach screenshots. Reviewers: btrahan, chad, vrana Reviewed By: btrahan CC: aran Maniphest Tasks: T1569 Differential Revision: https://secure.phabricator.com/D3293
2012-08-15 19:45:06 +02:00
}
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
.device-desktop .phui-property-list-value {
Widen PHUIPropertyListView when ActionList isn't attached Summary: This makes PHUIPropertyList display wider when an ActionList isn't present. Test Plan: Review Diff Details in a Diff. Test mobile and desktop layouts. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13568
2015-10-28 19:15:18 +01:00
width: 84%;
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
margin-left: 1%;
float: left;
Diviner CSS tweaks Summary: Update Diviner table layouts, make it purty. Test Plan: test many diviner pages Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6880
2013-09-04 20:50:57 +02:00
margin-bottom: 4px;
Break-word on all propertly list values Summary: Fixes T10827. Adds break-word on all values. Test Plan: Really long text. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10827 Differential Revision: https://secure.phabricator.com/D16081
2016-06-08 19:02:56 +02:00
word-wrap: break-word;
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
}
Widen PHUIPropertyListView when ActionList isn't attached Summary: This makes PHUIPropertyList display wider when an ActionList isn't present. Test Plan: Review Diff Details in a Diff. Test mobile and desktop layouts. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13568
2015-10-28 19:15:18 +01:00
.device-desktop .phui-property-list-has-actions .phui-property-list-value {
width: 78%;
}
Add a Stacked view for PropertyList Summary: Turns a Property List into a stacked view like on tablet/mobile. Useful for where text is longer. Test Plan: Test a Herald Transcript page {F148438} {F148439} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D8891
2014-04-29 16:04:22 +02:00
.device .phui-property-list-value,
Fix property list stacked UI Summary: The stacked version of property lists is supposed to display like a normal definition list. Test Plan: Test the stacked layout in Herald. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11014
2014-12-18 23:42:26 +01:00
.phui-property-list-stacked .phui-property-list-properties
Add a Stacked view for PropertyList Summary: Turns a Property List into a stacked view like on tablet/mobile. Useful for where text is longer. Test Plan: Test a Herald Transcript page {F148438} {F148439} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D8891
2014-04-29 16:04:22 +02:00
.phui-property-list-value {
[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
padding: 0 8px;
Fix property list stacked UI Summary: The stacked version of property lists is supposed to display like a normal definition list. Test Plan: Test the stacked layout in Herald. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11014
2014-12-18 23:42:26 +01:00
margin-bottom: 8px;
width: auto;
word-break: break-word;
float: none;
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 PhabricatorPropertyListView to have associated content Summary: Some objects (like PhamePost and ManiphestTask) have a block of text/remarkup which serves as a description or core piece of content for the object. Accommodate this in PhabricatorPropertyListView. (This is primarily to let me do a reasonable first pass on this in Phame.) Test Plan: Made example, will attach screenshot. Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T1373 Differential Revision: https://secure.phabricator.com/D3699
2012-10-15 23:50:53 +02:00
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-section-header {
Add objectheaders to new View Summary: This adds the 'PHUIObjectBox' to nearly every place that should get it. I need to comb through Diffusion a little more. I've left Differential mostly alone, but may decide to do it anyways this weekend. I'm sure I missed something else, but these are easy enough to update. Test Plan: tested each new layout. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7162
2013-09-29 00:55:38 +02:00
color: {$bluetext};
[Redesign] Small pass at dashboards Summary: Mostly for testing, I think these need to be re-written to just use PHUIObjectBox, which means re-writing ManiphestView or whatever. Suspect much work. Test Plan: visist a few dashboards Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12764
2015-05-08 06:18:57 +02:00
padding: 16px 4px 0px;
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
text-transform: uppercase;
font-weight: 700;
Add top border back to section-headers Summary: This adds back the top border on section headers and cleans up the tab CSS just a hair. Test Plan: tested files, tasks, and custom field profile. Reviewers: epriestley, btrahan CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7378
2013-10-22 17:48:12 +02:00
border-color: {$thinblueborder};
border-style: solid;
border-width: 1px 0 0;
Badges v0.1 Summary: Basic plumbing for Badges application. - You can make Badges. - You can look at a list of them. - They can be edited. - They can be assigned to people. - You can revoke them from people. - You can subscribe to them. Test Plan: Make Badges with various options. Give them to people. Take them away from people. Reviewers: lpriestley, epriestley Reviewed By: epriestley Subscribers: tycho.tatitscheff, johnny-bit, epriestley, Korvin Maniphest Tasks: T6526 Differential Revision: https://secure.phabricator.com/D13626
2015-07-22 22:37:20 +02:00
}
.phui-property-list-container + .phui-property-list-text-content {
border-color: {$thinblueborder};
border-style: solid;
border-width: 1px 0 0;
Allow PhabricatorPropertyListView to have associated content Summary: Some objects (like PhamePost and ManiphestTask) have a block of text/remarkup which serves as a description or core piece of content for the object. Accommodate this in PhabricatorPropertyListView. (This is primarily to let me do a reasonable first pass on this in Phame.) Test Plan: Made example, will attach screenshot. Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T1373 Differential Revision: https://secure.phabricator.com/D3699
2012-10-15 23:50:53 +02:00
}
Add a border to additional property lists in a group. Summary: When we stack property sections without a header, we still want a thin line. This adds a line on non-initial sections but not when headers exist. Fixes T4051 Test Plan: Tested Macro, File, Diffusion, a Whacked Profile Page and Maniphest. All lines look right Reviewers: epriestley Reviewed By: epriestley CC: Korvin, epriestley, aran Maniphest Tasks: T4051 Differential Revision: https://secure.phabricator.com/D7492
2013-11-04 17:52:46 +01:00
.phui-property-list-section-noninitial .phui-property-list-section-header {
border-top: none;
}
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
.device .phui-property-list-section-header {
[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
padding-left: 4px;
Add objectheaders to new View Summary: This adds the 'PHUIObjectBox' to nearly every place that should get it. I need to comb through Diffusion a little more. I've left Differential mostly alone, but may decide to do it anyways this weekend. I'm sure I missed something else, but these are easy enough to update. Test Plan: tested each new layout. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7162
2013-09-29 00:55:38 +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-property-list-section-header-icon .phui-icon-view {
Add header icons to PHUIPropertyListView Summary: Adds summary (description) and test plan icons to make these area's more unique and differentiated over general sections. Test Plan: Test a diff, a commit, a task Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7493
2013-11-04 20:07:51 +01:00
display: inline-block;
margin: -2px 4px -2px 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-text-content {
Polish up timeline for PHIUTwoColumnView Summary: This inverts colors and icons a bit, so they're not as harsh. So instead of a dark green item with white icon, its now light green with a dark green icon. I've also changed all text and comment boxes to be "grey" visually to separate out the UI from converation/actions. Give it a spin and let me know how this feels. I still need to update the comment UI. Test Plan: UIExamples, lots of various tasks and diffs. {F1163837} {F1163839} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15442
2016-03-09 02:50:01 +01:00
padding: 16px 4px;
Restore voting to Ponder Summary: Ref T3578. Restores the voting UI and makes it a little prettier. Test Plan: {F52089} Reviewers: btrahan, chad Reviewed By: chad CC: aran Maniphest Tasks: T3578 Differential Revision: https://secure.phabricator.com/D6614
2013-07-29 04:28:00 +02:00
overflow: hidden;
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
}
Move artifacts and build target messages into tabs Summary: This moves artifacts and build target messages into tabs. Test Plan: Viewed build plan, saw the tabs appear when the steps had appropriate artifacts and / or messages. Reviewers: #blessed_reviewers, epriestley, chad Reviewed By: #blessed_reviewers, epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D10161
2014-08-06 02:34:39 +02:00
.phui-property-list-raw-content {
padding: 0px;
overflow: hidden;
}
Further improve various Phame UI things Summary: - Better icons and action order. - "Move Post" action. - (Bugfix) Allow multiple blogs to be set to not having custom domains. - Make "Write Post" skip the "select a blog" step when coming from a blog view. - Sort blog list on "Write Post". - Show messages when a post is a draft or not on a blog. Test Plan: Created posts, blogs, moved posts, preview/live'd posts, etc. Reviewers: btrahan Reviewed By: btrahan CC: aran Maniphest Tasks: T1373 Differential Revision: https://secure.phabricator.com/D3708
2012-10-16 18:44:43 +02:00
/* In the common case where we immediately follow a header, move back up 30px
so we snuggle next to the header. */
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
.device-desktop .phui-header-view
Further improve various Phame UI things Summary: - Better icons and action order. - "Move Post" action. - (Bugfix) Allow multiple blogs to be set to not having custom domains. - Make "Write Post" skip the "select a blog" step when coming from a blog view. - Sort blog list on "Write Post". - Show messages when a post is a draft or not on a blog. Test Plan: Created posts, blogs, moved posts, preview/live'd posts, etc. Reviewers: btrahan Reviewed By: btrahan CC: aran Maniphest Tasks: T1373 Differential Revision: https://secure.phabricator.com/D3708
2012-10-16 18:44:43 +02:00
+ .phabricator-action-list-view {
margin-top: -30px;
}
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
.device-desktop .phui-header-view
Further improve various Phame UI things Summary: - Better icons and action order. - "Move Post" action. - (Bugfix) Allow multiple blogs to be set to not having custom domains. - Make "Write Post" skip the "select a blog" step when coming from a blog view. - Sort blog list on "Write Post". - Show messages when a post is a draft or not on a blog. Test Plan: Created posts, blogs, moved posts, preview/live'd posts, etc. Reviewers: btrahan Reviewed By: btrahan CC: aran Maniphest Tasks: T1373 Differential Revision: https://secure.phabricator.com/D3708
2012-10-16 18:44:43 +02:00
+ .phabricator-action-list-view
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 {
Further improve various Phame UI things Summary: - Better icons and action order. - "Move Post" action. - (Bugfix) Allow multiple blogs to be set to not having custom domains. - Make "Write Post" skip the "select a blog" step when coming from a blog view. - Sort blog list on "Write Post". - Show messages when a post is a draft or not on a blog. Test Plan: Created posts, blogs, moved posts, preview/live'd posts, etc. Reviewers: btrahan Reviewed By: btrahan CC: aran Maniphest Tasks: T1373 Differential Revision: https://secure.phabricator.com/D3708
2012-10-16 18:44:43 +02:00
margin-top: 0px;
}
Modernize file detail view Summary: Use modern elements for file detail view. For the "Technical Details", maybe we should implement a disclosure triangle element? I'd guess there are other cases we could use it. This makes two small practical changes: - We show "Delete File" even if you can't delete it; I'm going to align this properly with CAN_EDIT shortly. - We no longer show the feature discovery hint about using "arc download". Test Plan: {F27179} {F27180} Reviewers: chad, btrahan Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D4199
2012-12-17 01:33:24 +01:00
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-image {
Modernize file detail view Summary: Use modern elements for file detail view. For the "Technical Details", maybe we should implement a disclosure triangle element? I'd guess there are other cases we could use it. This makes two small practical changes: - We show "Delete File" even if you can't delete it; I'm going to align this properly with CAN_EDIT shortly. - We no longer show the feature discovery hint about using "arc download". Test Plan: {F27179} {F27180} Reviewers: chad, btrahan Reviewed By: chad CC: aran Differential Revision: https://secure.phabricator.com/D4199
2012-12-17 01:33:24 +01:00
margin: auto;
max-width: 95%;
}
Clean up some more Diviner stuff Summary: Ref T988. - Render "Implements:" as tags, too. - Minor CSS tweak to tags in property lists. - Add a bunch of group patterns to the Phabricator book. - Fix some stuff with how hashes are computed and cached. - Minor tweak to reuse the Diviner engine for slightly improved performance. Test Plan: Regenerated and looked at documentation. Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T3811, T988 Differential Revision: https://secure.phabricator.com/D6912
2013-09-08 18:16:55 +02:00
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-audio {
Support audio files with HTML5 `<audio />` Summary: Ref T3887. Similar to how we render images with `<img />`, render audio with `<audio />` if possible. Test Plan: See screenshots. Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3887 Differential Revision: https://secure.phabricator.com/D7156
2013-09-27 19:51:25 +02:00
display: block;
margin: 16px auto;
width: 50%;
Make <audio /> work slightly better on devices Summary: Ref T3887. `300px` is a little too wide on devices. Test Plan: Viewed on a phone. Reviewers: btrahan, chad Reviewed By: chad CC: aran Maniphest Tasks: T3887 Differential Revision: https://secure.phabricator.com/D7157
2013-09-27 20:06:00 +02:00
min-width: 240px;
Support audio files with HTML5 `<audio />` Summary: Ref T3887. Similar to how we render images with `<img />`, render audio with `<audio />` if possible. Test Plan: See screenshots. Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T3887 Differential Revision: https://secure.phabricator.com/D7156
2013-09-27 19:51:25 +02:00
}
Add Videos to Remarkup Summary: Ref T6916. Added video to remarkup using D7156 as reference. Test Plan: - Viewed video files (MP4, Ogg) in Safari, Chrome, Firefox (some don't work, e.g., OGG in Safari, but nothing we can really do about that). - Used `alt`. - Used `autoplay`. - Used `loop`. - Used `media=audio`. - Viewed file detail page. Reviewers: nateguchi2, chad, #blessed_reviewers Reviewed By: chad, #blessed_reviewers Subscribers: asherkin, ivo, joshuaspence, Korvin, epriestley Tags: #remarkup Maniphest Tasks: T6916 Differential Revision: https://secure.phabricator.com/D11297
2016-06-07 19:26:00 +02:00
.phui-property-list-video {
display: block;
margin: 0 auto;
Embed videos in Remarkup at actual size Summary: Ref T6916. Current rules tend to make videos gigantic. Just embed them at actual size, scaling them down if they're too big to fit. Browsers generally provide some kind of "expand / fullscreen" element automatically anyway. Test Plan: Viewed videos locally, saw them sized a little more reasonably. Reviewers: chad Reviewed By: chad Maniphest Tasks: T6916 Differential Revision: https://secure.phabricator.com/D16076
2016-06-07 23:52:38 +02:00
max-width: 95%;
Add Videos to Remarkup Summary: Ref T6916. Added video to remarkup using D7156 as reference. Test Plan: - Viewed video files (MP4, Ogg) in Safari, Chrome, Firefox (some don't work, e.g., OGG in Safari, but nothing we can really do about that). - Used `alt`. - Used `autoplay`. - Used `loop`. - Used `media=audio`. - Viewed file detail page. Reviewers: nateguchi2, chad, #blessed_reviewers Reviewed By: chad, #blessed_reviewers Subscribers: asherkin, ivo, joshuaspence, Korvin, epriestley Tags: #remarkup Maniphest Tasks: T6916 Differential Revision: https://secure.phabricator.com/D11297
2016-06-07 19:26:00 +02:00
}
Clean up some more Diviner stuff Summary: Ref T988. - Render "Implements:" as tags, too. - Minor CSS tweak to tags in property lists. - Add a bunch of group patterns to the Phabricator book. - Fix some stuff with how hashes are computed and cached. - Minor tweak to reuse the Diviner engine for slightly improved performance. Test Plan: Regenerated and looked at documentation. Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T3811, T988 Differential Revision: https://secure.phabricator.com/D6912
2013-09-08 18:16:55 +02:00
/* When tags appear in property lists, give them a little more vertical
spacing. */
Break white-space on tags in any property list Summary: Fixes T11209. We want to always break tags when displaying them in a list, but not in general (remarkup). Test Plan: Fake a tag on a differental revision with a really long name. See wrapping. Reviewers: avivey, epriestley Reviewed By: avivey, epriestley Subscribers: avivey, Korvin Maniphest Tasks: T11209 Differential Revision: https://secure.phabricator.com/D16175
2016-06-24 21:10:20 +02:00
.phui-property-list-value .phui-tag-view {
Clean up some more Diviner stuff Summary: Ref T988. - Render "Implements:" as tags, too. - Minor CSS tweak to tags in property lists. - Add a bunch of group patterns to the Phabricator book. - Fix some stuff with how hashes are computed and cached. - Minor tweak to reuse the Diviner engine for slightly improved performance. Test Plan: Regenerated and looked at documentation. Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T3811, T988 Differential Revision: https://secure.phabricator.com/D6912
2013-09-08 18:16:55 +02:00
margin: 2px 0;
Break white-space on tags in any property list Summary: Fixes T11209. We want to always break tags when displaying them in a list, but not in general (remarkup). Test Plan: Fake a tag on a differental revision with a really long name. See wrapping. Reviewers: avivey, epriestley Reviewed By: avivey, epriestley Subscribers: avivey, Korvin Maniphest Tasks: T11209 Differential Revision: https://secure.phabricator.com/D16175
2016-06-24 21:10:20 +02:00
white-space: pre-wrap;
Clean up some more Diviner stuff Summary: Ref T988. - Render "Implements:" as tags, too. - Minor CSS tweak to tags in property lists. - Add a bunch of group patterns to the Phabricator book. - Fix some stuff with how hashes are computed and cached. - Minor tweak to reuse the Diviner engine for slightly improved performance. Test Plan: Regenerated and looked at documentation. Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T3811, T988 Differential Revision: https://secure.phabricator.com/D6912
2013-09-08 18:16:55 +02:00
}
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 20:12:00 +02:00
Widen PHUIPropertyListView when ActionList isn't attached Summary: This makes PHUIPropertyList display wider when an ActionList isn't present. Test Plan: Review Diff Details in a Diff. Test mobile and desktop layouts. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13568
2015-10-28 19:15:18 +01:00
.phui-property-list-has-actions .phui-property-list-properties-wrap {
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 20:12:00 +02:00
float: left;
width: 78%;
}
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
.device .phui-property-list-properties-wrap {
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 20:12:00 +02:00
width: auto;
border: none;
Fix clone input on device breakpoints in Diffusion Summary: The float wasn't getting reset on the definition list, so clone URI (so important on mobile!) looked terrible. Test Plan: Tested Diffusion, Herald, and Maniphest property lists. Seems good. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12331
2015-04-08 19:12:31 +02:00
float: none;
Scroll on overflow of property list (mobile) Summary: Fixes T9314. Functionally phui-status-list should get moved off a table, but that's another day. This catches many other possible issues. Test Plan: Review changes on a narrow browser. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9314 Differential Revision: https://secure.phabricator.com/D14036
2015-09-03 20:06:39 +02:00
overflow: auto;
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 20:12:00 +02:00
}
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-actions {
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 20:12:00 +02:00
width: 20%;
float: right;
margin-right: 12px;
border-left: 1px solid {$thinblueborder};
}
Add a "Printable Version" link to Phortune invoices Summary: Ref T9309. This is a minor quality of life improvement, hopefully. We already have print CSS, just expose it more clearly. Also, hide actions (these never seem useful?) and footers from printable versions. I opened the printable version in a new window since it now doesn't have any actions. Test Plan: {F777241} {F777242} Reviewers: chad Reviewed By: chad Maniphest Tasks: T9309 Differential Revision: https://secure.phabricator.com/D14045
2015-09-03 19:03:50 +02:00
!print .phui-property-list-actions {
display: none;
}
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
.device .phui-property-list-actions {
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 20:12:00 +02:00
float: none;
width: auto;
margin: -12px 0 12px 0;
Tweak mobile action css, add to people Summary: Makes the mobile action menu a little nicer, adds it to /people/ Test Plan: Test myself on my install, mobile and desktop. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9259
2014-05-22 21:04:11 +02:00
border: none;
Fix border on Actions List. Summary: This adds setActionList to PropertyListView and properly places it in an archaic HTML 1.0 table. Test Plan: test layouts with actions really tall or properties really tall. Always see a full height border. Reviewers: epriestley, btrahan CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D7239
2013-10-06 20:12:00 +02:00
}
Add border, transparent indicators to images in file property view Summary: Fixes T3950. This centers the images, adds a thin blue border, and a transparent background. Test Plan: Tested a file in Files, Diffusion, and Macro. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Maniphest Tasks: T3950 Differential Revision: https://secure.phabricator.com/D7305
2013-10-14 20:40:19 +02:00
.phui-property-list-image-content img {
margin: 20px auto;
background: url('/rsrc/image/checker_light.png');
}
.device-desktop .phui-property-list-image-content img:hover {
background: url('/rsrc/image/checker_dark.png');
}
Style text boxes and tab panels in dashboards Summary: Adds basic borders, spacing to tab panels and text boxes. Test Plan: Added some of each to my Dashboard. {F157622} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T5078 Differential Revision: https://secure.phabricator.com/D9216
2014-05-20 19:53:16 +02:00
/* - Dashboards ------------------------------------------------------------ */
.dashboard-panel .phui-property-list-section {
border-left: 1px solid {$lightblueborder};
border-right: 1px solid {$lightblueborder};
border-bottom: 1px solid {$blueborder};
}
Copy permalink