revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-14 02:42:40 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/aphront/panel-view.css

113 lines
1.8 KiB
CSS
Raw Normal View History

Distribute Celerity includes.
2011-01-25 20:31:40 +01:00
/**
* @provides aphront-panel-view-css
*/
.aphront-panel-view {
background: #f3f3f3;
border: 1px solid #c0c0c0;
border-width: 1px 0 0;
padding: 1em 2em;
margin: 1em 2em;
}
Refine "Tactical Command" layout and styling Summary: - Move the buttons in the jump nav to iOS-style "application" buttons in the header. These are sort of ugly right now, but I think serviceable enough. Some day we will hire a designer whose entire job is to pick up after me. - This gives us more room (allowing us to restore "Maniphest" and "Differential"). - This also disassociates the app buttons from the jump nav, which was a point of confusion (user expectation that the text input is related to the buttons). - Allow "Active Revisions" and "Assigned Tasks" to collapse completely. They didn't completely collapse before because the top-level "Active Tasks" / "Active Revisions" was sort of overloaded as quick nav to apps. Now we have app buttons. - Reduce overall size of jump nav. Test Plan: Looked at homepage in various states of need-for-attention. Reviewers: btrahan Reviewed By: btrahan CC: aran, epriestley Differential Revision: https://secure.phabricator.com/D1694
2012-02-27 22:14:32 +01:00
.aphront-unpadded-panel-view {
padding: 0px;
}
OAuth Server -- add controllers to RUD client authorizations and CRUD clients Summary: beyond the title, this diff tweaks the test console to have a bit more functionality. also makes a small change to CSS for AphrontFormControlMarkup, which IMO fixes a display issue on https://secure.phabricator.com/settings/page/profile/ where the Profile URI is all up in the air and whatnot I think this is missing pagination. I am getting tired of the size though and will add later. See T905. Test Plan: viewed, updated and deleted client authorizations. viewed, created, updated and deleted clients Reviewers: epriestley Reviewed By: epriestley CC: aran, epriestley Maniphest Tasks: T849, T850, T848 Differential Revision: https://secure.phabricator.com/D1683
2012-02-22 19:21:39 +01:00
.aphront-panel-view .aphront-panel-header {
margin: 0 0 1em 0;
}
Distribute Celerity includes.
2011-01-25 20:31:40 +01:00
.aphront-panel-view h1 {
Clean up UI a little. Summary: Mainly this changes the fonts and some minor navigation colors. I wanted to get rid of some of the 'girly blues' from Facebook and mute everything a little bit to match the change to Helvetica and new buttons. Test Plan: Tested Manifest, Profiles, and other random pages I could find. Single and Multiple Navigations. http://phab1.pushlabs.net/ Reviewers: epriestley, btrahan Reviewed By: btrahan CC: vrana, aran, Korvin Differential Revision: https://secure.phabricator.com/D3955
2012-11-12 22:15:46 +01:00
font-size: 14px;
font-weight: bold;
padding: 4px 0 0 0;
Distribute Celerity includes.
2011-01-25 20:31:40 +01:00
}
Replace home directory list with a dashboard Summary: Rough cut that still needs a lot of polish, but replace the directory list with more of a dashboard type thing: - Show "Unbreak Now", triage-in-your-projects, and other stuff that you're supposed to deal with, then feed. - Move tools a click a way behind nav -- this also lets us put more stuff there and subtools, etc., later. - Remove tabs. - Merge the category/item editing views. - I also added a light blue wash to the side nav, not sure if I like that or not. Test Plan: - Viewed all elements in empty and nonempty states. - Viewed applications, edited items/categories. Reviewers: btrahan, aran Reviewed By: btrahan CC: aran, epriestley, davidreuss Maniphest Tasks: T21, T631 Differential Revision: https://secure.phabricator.com/D1574
2012-02-08 01:04:48 +01:00
.aphront-panel-view-caption {
font-size: 11px;
color: #666666;
OAuth Server -- add controllers to RUD client authorizations and CRUD clients Summary: beyond the title, this diff tweaks the test console to have a bit more functionality. also makes a small change to CSS for AphrontFormControlMarkup, which IMO fixes a display issue on https://secure.phabricator.com/settings/page/profile/ where the Profile URI is all up in the air and whatnot I think this is missing pagination. I am getting tired of the size though and will add later. See T905. Test Plan: viewed, updated and deleted client authorizations. viewed, created, updated and deleted clients Reviewers: epriestley Reviewed By: epriestley CC: aran, epriestley Maniphest Tasks: T849, T850, T848 Differential Revision: https://secure.phabricator.com/D1683
2012-02-22 19:21:39 +01:00
margin-top: -0.1em;
Replace home directory list with a dashboard Summary: Rough cut that still needs a lot of polish, but replace the directory list with more of a dashboard type thing: - Show "Unbreak Now", triage-in-your-projects, and other stuff that you're supposed to deal with, then feed. - Move tools a click a way behind nav -- this also lets us put more stuff there and subtools, etc., later. - Remove tabs. - Merge the category/item editing views. - I also added a light blue wash to the side nav, not sure if I like that or not. Test Plan: - Viewed all elements in empty and nonempty states. - Viewed applications, edited items/categories. Reviewers: btrahan, aran Reviewed By: btrahan CC: aran, epriestley, davidreuss Maniphest Tasks: T21, T631 Differential Revision: https://secure.phabricator.com/D1574
2012-02-08 01:04:48 +01:00
margin-bottom: 0.75em;
}
Some owners write workflows.
2011-04-04 07:03:27 +02:00
.aphront-panel-view-buttons {
Distribute Celerity includes.
2011-01-25 20:31:40 +01:00
float: right;
}
RevisionList
2011-01-26 00:19:06 +01:00
.aphront-panel-view p.aphront-panel-instructions {
margin: .5em 2em .75em;
font-size: 13px;
}
Distribute Celerity includes.
2011-01-25 20:31:40 +01:00
.aphront-panel-width-form {
width: 720px;
margin-right: auto;
margin-left: auto;
}
.aphront-panel-width-wide {
width: 1080px;
margin-right: auto;
margin-left: auto;
}
Tweak Maniphest CSS, fix remarkup in description change views Summary: Various CSS tweaks and fixes: - Add remarkup styling to description change views, missed this before. - Fix CSS so that transactions with only one item (e.g., changed priority) don't have weird floater underneath them. - Add more space between transaction items. - Make default background color lighter and less heavy. - Use beigey color for comment form in Maniphest. - Share more CSS between Maniphest and Differential (previews, feedback). - Move "Leap Into Action" call to Differential, replace Maniphest with thematically-consistent "Weigh In" (obviously, Maniphest has a nautical theme). Test Plan: Browsed Maniphest and Differential in a couple browsers, styling all seems correct. Reviewed By: tomo Reviewers: tomo, aran, jungejason, tuomaspelkonen CC: anjali, aran, tomo Differential Revision: 328
2011-05-22 17:49:07 +02:00
.aphront-panel-accent {
Clean up UI a little. Summary: Mainly this changes the fonts and some minor navigation colors. I wanted to get rid of some of the 'girly blues' from Facebook and mute everything a little bit to match the change to Helvetica and new buttons. Test Plan: Tested Manifest, Profiles, and other random pages I could find. Single and Multiple Navigations. http://phab1.pushlabs.net/ Reviewers: epriestley, btrahan Reviewed By: btrahan CC: vrana, aran, Korvin Differential Revision: https://secure.phabricator.com/D3955
2012-11-12 22:15:46 +01:00
background: #f1f1f1;
border: 1px solid #ddd;
border-radius: 3px;
Tweak Maniphest CSS, fix remarkup in description change views Summary: Various CSS tweaks and fixes: - Add remarkup styling to description change views, missed this before. - Fix CSS so that transactions with only one item (e.g., changed priority) don't have weird floater underneath them. - Add more space between transaction items. - Make default background color lighter and less heavy. - Use beigey color for comment form in Maniphest. - Share more CSS between Maniphest and Differential (previews, feedback). - Move "Leap Into Action" call to Differential, replace Maniphest with thematically-consistent "Weigh In" (obviously, Maniphest has a nautical theme). Test Plan: Browsed Maniphest and Differential in a couple browsers, styling all seems correct. Reviewed By: tomo Reviewers: tomo, aran, jungejason, tuomaspelkonen CC: anjali, aran, tomo Differential Revision: 328
2011-05-22 17:49:07 +02:00
}
.aphront-panel-accent .aphront-form-view {
Clean up UI a little. Summary: Mainly this changes the fonts and some minor navigation colors. I wanted to get rid of some of the 'girly blues' from Facebook and mute everything a little bit to match the change to Helvetica and new buttons. Test Plan: Tested Manifest, Profiles, and other random pages I could find. Single and Multiple Navigations. http://phab1.pushlabs.net/ Reviewers: epriestley, btrahan Reviewed By: btrahan CC: vrana, aran, Korvin Differential Revision: https://secure.phabricator.com/D3955
2012-11-12 22:15:46 +01:00
background: #f7f7f7;
Tweak Maniphest CSS, fix remarkup in description change views Summary: Various CSS tweaks and fixes: - Add remarkup styling to description change views, missed this before. - Fix CSS so that transactions with only one item (e.g., changed priority) don't have weird floater underneath them. - Add more space between transaction items. - Make default background color lighter and less heavy. - Use beigey color for comment form in Maniphest. - Share more CSS between Maniphest and Differential (previews, feedback). - Move "Leap Into Action" call to Differential, replace Maniphest with thematically-consistent "Weigh In" (obviously, Maniphest has a nautical theme). Test Plan: Browsed Maniphest and Differential in a couple browsers, styling all seems correct. Reviewed By: tomo Reviewers: tomo, aran, jungejason, tuomaspelkonen CC: anjali, aran, tomo Differential Revision: 328
2011-05-22 17:49:07 +02:00
border: 1px solid #c4c4c0;
Clean up UI a little. Summary: Mainly this changes the fonts and some minor navigation colors. I wanted to get rid of some of the 'girly blues' from Facebook and mute everything a little bit to match the change to Helvetica and new buttons. Test Plan: Tested Manifest, Profiles, and other random pages I could find. Single and Multiple Navigations. http://phab1.pushlabs.net/ Reviewers: epriestley, btrahan Reviewed By: btrahan CC: vrana, aran, Korvin Differential Revision: https://secure.phabricator.com/D3955
2012-11-12 22:15:46 +01:00
border-radius: 3px;
Tweak Maniphest CSS, fix remarkup in description change views Summary: Various CSS tweaks and fixes: - Add remarkup styling to description change views, missed this before. - Fix CSS so that transactions with only one item (e.g., changed priority) don't have weird floater underneath them. - Add more space between transaction items. - Make default background color lighter and less heavy. - Use beigey color for comment form in Maniphest. - Share more CSS between Maniphest and Differential (previews, feedback). - Move "Leap Into Action" call to Differential, replace Maniphest with thematically-consistent "Weigh In" (obviously, Maniphest has a nautical theme). Test Plan: Browsed Maniphest and Differential in a couple browsers, styling all seems correct. Reviewed By: tomo Reviewers: tomo, aran, jungejason, tuomaspelkonen CC: anjali, aran, tomo Differential Revision: 328
2011-05-22 17:49:07 +02:00
}
.aphront-panel-preview {
background: #fbfbfb;
border-bottom: 1px solid #aaaaaa;
margin: -1em 2em 2em;
padding: 15px 20px;
}
Add a document preview to Phriction Summary: Preview Phriction documents as they are edited, similar to how Differential/Maniphest work. Test Plan: Mashed my keyboard while editing a Phriction document. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen, aran CC: aran, hsb Differential Revision: 684
2011-07-17 03:25:45 +02:00
.aphront-panel-preview-wide {
width: 1080px;
margin-left: auto;
margin-right: auto;
padding-left: 2em;
padding-right: 2em;
}
Tweak Maniphest CSS, fix remarkup in description change views Summary: Various CSS tweaks and fixes: - Add remarkup styling to description change views, missed this before. - Fix CSS so that transactions with only one item (e.g., changed priority) don't have weird floater underneath them. - Add more space between transaction items. - Make default background color lighter and less heavy. - Use beigey color for comment form in Maniphest. - Share more CSS between Maniphest and Differential (previews, feedback). - Move "Leap Into Action" call to Differential, replace Maniphest with thematically-consistent "Weigh In" (obviously, Maniphest has a nautical theme). Test Plan: Browsed Maniphest and Differential in a couple browsers, styling all seems correct. Reviewed By: tomo Reviewers: tomo, aran, jungejason, tuomaspelkonen CC: anjali, aran, tomo Differential Revision: 328
2011-05-22 17:49:07 +02:00
.aphront-panel-preview-loading-text {
color: #666666;
}
.aphront-panel-flush {
margin: 0;
}
Drag-and-drop upload for Maniphest Summary: This needs a bunch of UI polish (critically, it's totally undiscoverable) but it basically works correctly. I'll clean it up in some followups. Test Plan: Uploaded some files via drag-and-drop, made comments, etc. Reviewed By: aran Reviewers: tomo, aran, jungejason, tuomaspelkonen CC: anjali, aran Differential Revision: 332
2011-05-22 20:55:10 +02:00
.aphront-panel-view-drag-and-drop {
background: #99ff99;
border-color: #669966;
}
.aphront-panel-view-drag-and-drop .aphront-form-view {
background: #ccffcc;
border-color: #669966;
}
Reduce size of "Unbreak Now" and "Needs Triage" panels when no action is required Summary: Make these things like 1/4th the size if they aren't actionable. Test Plan: Loaded home page with actionable, unactionable panels. Reviewers: btrahan Reviewed By: btrahan CC: aran, epriestley Differential Revision: https://secure.phabricator.com/D1613
2012-02-15 01:23:53 +01:00
.aphront-mini-panel-view {
background: #f3f3f3;
padding: 4px 2em;
margin: 2px 2em;
border: 1px solid #e6e6e6;
}
.aphront-mini-panel-view p {
font-size: 11px;
color: #666666;
}
Refine "Tactical Command" layout and styling Summary: - Move the buttons in the jump nav to iOS-style "application" buttons in the header. These are sort of ugly right now, but I think serviceable enough. Some day we will hire a designer whose entire job is to pick up after me. - This gives us more room (allowing us to restore "Maniphest" and "Differential"). - This also disassociates the app buttons from the jump nav, which was a point of confusion (user expectation that the text input is related to the buttons). - Allow "Active Revisions" and "Assigned Tasks" to collapse completely. They didn't completely collapse before because the top-level "Active Tasks" / "Active Revisions" was sort of overloaded as quick nav to apps. Now we have app buttons. - Reduce overall size of jump nav. Test Plan: Looked at homepage in various states of need-for-attention. Reviewers: btrahan Reviewed By: btrahan CC: aran, epriestley Differential Revision: https://secure.phabricator.com/D1694
2012-02-27 22:14:32 +01:00
Copy permalink