revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-17 02:50:54 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/application/phriction/phriction-document-css.css

84 lines
1.4 KiB
CSS
Raw Normal View History

Basic edit/create workflow for Phriction Summary: This is another chunk of D636, I just simplified it a bit and added slugs. When you go to a page like /w/pokemon/, it allows you to create or edit the page. Title vs slug stuff is a little funky but I think mostly-reasonable. Test Plan: Created and edited /w/, /w/pokemon/, etc. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, aran, tuomaspelkonen CC: aran, hsb Differential Revision: 643
2011-07-11 21:34:53 +02:00
/**
* @provides phriction-document-css
*/
.phriction-header {
Basic remarkup integration for Phriction Summary: Document linking and some general layout improvements. I'd like to eventually do more meta-dataey things with links (like store them separately and check them for 404s) but this is a decent start. Test Plan: https://secure.phabricator.com/file/view/PHID-FILE-d756b94a06b69c273fce/ Reviewed By: jungejason Reviewers: hsb, codeblock, jungejason, tuomaspelkonen, aran CC: aran, jungejason, epriestley Differential Revision: 650
2011-07-12 05:14:46 +02:00
background: #eeeeee;
border-bottom: 1px solid #dddddd;
Basic edit/create workflow for Phriction Summary: This is another chunk of D636, I just simplified it a bit and added slugs. When you go to a page like /w/pokemon/, it allows you to create or edit the page. Title vs slug stuff is a little funky but I think mostly-reasonable. Test Plan: Created and edited /w/, /w/pokemon/, etc. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, aran, tuomaspelkonen CC: aran, hsb Differential Revision: 643
2011-07-11 21:34:53 +02:00
padding: 1em;
}
.phriction-header a.button {
float: right;
Phriction - kill tabs Summary: ...except that pesky help tab which remains. Pertinent bits here... - move "History" into button "View History" that is grey and next to "Edit Page" - for history page, add breadcrumb similar to the one on "diff" page. This unifies the experiencing on history <=> diffs as well as gives the user a link back to the document, which was a tab on the History page before this diff. Thoughts for next time... - I'd like to further unify the breadcrumbs between "View" and "History / Diff". - The "Document Index" is pretty sweet and feels a bit buried. I wonder if unifying breadcrumbs is the key here? Test Plan: clicked around phriction. viewed a document, viewed its history. verified links in breadcrumbs were correct Reviewers: epriestley Reviewed By: epriestley CC: aran, epriestley Maniphest Tasks: T631 Differential Revision: 1221
2011-12-15 21:00:17 +01:00
margin: 0em 0em 0em 1%;
Basic edit/create workflow for Phriction Summary: This is another chunk of D636, I just simplified it a bit and added slugs. When you go to a page like /w/pokemon/, it allows you to create or edit the page. Title vs slug stuff is a little funky but I think mostly-reasonable. Test Plan: Created and edited /w/, /w/pokemon/, etc. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, aran, tuomaspelkonen CC: aran, hsb Differential Revision: 643
2011-07-11 21:34:53 +02:00
}
Basic remarkup integration for Phriction Summary: Document linking and some general layout improvements. I'd like to eventually do more meta-dataey things with links (like store them separately and check them for 404s) but this is a decent start. Test Plan: https://secure.phabricator.com/file/view/PHID-FILE-d756b94a06b69c273fce/ Reviewed By: jungejason Reviewers: hsb, codeblock, jungejason, tuomaspelkonen, aran CC: aran, jungejason, epriestley Differential Revision: 650
2011-07-12 05:14:46 +02:00
.phriction-header h1 {
Color consolidation Summary: Another pass at consolidating colors Test Plan: Test various pages and UI elements Reviewers: epriestley Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6905
2013-09-07 18:13:55 +02:00
margin: 4px 0;
Basic remarkup integration for Phriction Summary: Document linking and some general layout improvements. I'd like to eventually do more meta-dataey things with links (like store them separately and check them for 404s) but this is a decent start. Test Plan: https://secure.phabricator.com/file/view/PHID-FILE-d756b94a06b69c273fce/ Reviewed By: jungejason Reviewers: hsb, codeblock, jungejason, tuomaspelkonen, aran CC: aran, jungejason, epriestley Differential Revision: 650
2011-07-12 05:14:46 +02:00
}
Add hierarchical breadcrumbs to Phriction Summary: Show ancestor pages when viewing a page in Phriction. Test Plan: https://secure.phabricator.com/file/view/PHID-FILE-042368dbadaa8ab826ec/ Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen, aran Commenters: aran CC: aran, hsb, epriestley Differential Revision: 654
2011-07-12 17:08:03 +02:00
.phriction-breadcrumbs {
font-size: 12px;
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};
Add hierarchical breadcrumbs to Phriction Summary: Show ancestor pages when viewing a page in Phriction. Test Plan: https://secure.phabricator.com/file/view/PHID-FILE-042368dbadaa8ab826ec/ Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen, aran Commenters: aran CC: aran, hsb, epriestley Differential Revision: 654
2011-07-12 17:08:03 +02:00
}
.phriction-document-crumbs a {
font-weight: bold;
}
Show child documents on Phriction pages Summary: Pull the next couple levels of hierarchy and render them at the bottom of the page. This might need some tweaking but it seems OK at first glance. Test Plan: https://secure.phabricator.com/file/info/PHID-FILE-ef0af5d4dc6dceaeb2e3/ Also reduced limit to 1 and verified the "more" behavior worked properly. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen, aran CC: aran, hsb Differential Revision: 676
2011-07-15 23:56:39 +02:00
.phriction-children ul {
Phriction Redesign Summary: This is mostly minor, but visually it makes the wiki feel more 'page like' and better separates the actual content from other data displayed. Test Plan: Tested Chrome, iPhone, and iPad. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2686 Differential Revision: https://secure.phabricator.com/D5366
2013-04-12 00:05:50 +02:00
margin-left: 30px;
padding-bottom: 10px;
Show child documents on Phriction pages Summary: Pull the next couple levels of hierarchy and render them at the bottom of the page. This might need some tweaking but it seems OK at first glance. Test Plan: https://secure.phabricator.com/file/info/PHID-FILE-ef0af5d4dc6dceaeb2e3/ Also reduced limit to 1 and verified the "more" behavior worked properly. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen, aran CC: aran, hsb Differential Revision: 676
2011-07-15 23:56:39 +02:00
list-style: circle;
Move #888 and #999 to $lightgreytext Summary: Moves lighter grey text to a common color. Test Plan: sandbox, review diff Reviewers: epriestley, btrahan, mutech.aka Reviewed By: mutech.aka CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6859
2013-09-02 17:12:18 +02:00
color: {$lightgreytext};
Show child documents on Phriction pages Summary: Pull the next couple levels of hierarchy and render them at the bottom of the page. This might need some tweaking but it seems OK at first glance. Test Plan: https://secure.phabricator.com/file/info/PHID-FILE-ef0af5d4dc6dceaeb2e3/ Also reduced limit to 1 and verified the "more" behavior worked properly. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen, aran CC: aran, hsb Differential Revision: 676
2011-07-15 23:56:39 +02:00
}
.phriction-children-header {
Color consolidation Summary: Another pass at consolidating colors Test Plan: Test various pages and UI elements Reviewers: epriestley Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6905
2013-09-07 18:13:55 +02:00
background: {$lightgreybackground};
Update PHUIDocument to use new header gradients Summary: Adds the new gradient to document views Test Plan: Tested multiple pages in my sandbox in Phriction, UIExamples. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6827
2013-08-28 19:29:02 +02:00
padding: 8px 0 8px 16px;
Show child documents on Phriction pages Summary: Pull the next couple levels of hierarchy and render them at the bottom of the page. This might need some tweaking but it seems OK at first glance. Test Plan: https://secure.phabricator.com/file/info/PHID-FILE-ef0af5d4dc6dceaeb2e3/ Also reduced limit to 1 and verified the "more" behavior worked properly. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen, aran CC: aran, hsb Differential Revision: 676
2011-07-15 23:56:39 +02:00
font-weight: bold;
Phriction Redesign Summary: This is mostly minor, but visually it makes the wiki feel more 'page like' and better separates the actual content from other data displayed. Test Plan: Tested Chrome, iPhone, and iPad. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2686 Differential Revision: https://secure.phabricator.com/D5366
2013-04-12 00:05:50 +02:00
margin-bottom: 15px;
Color consolidation Summary: Another pass at consolidating colors Test Plan: Test various pages and UI elements Reviewers: epriestley Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6905
2013-09-07 18:13:55 +02:00
border-bottom: 1px solid {$lightblueborder};
color: {$bluetext};
Update PHUIDocument to use new header gradients Summary: Adds the new gradient to document views Test Plan: Tested multiple pages in my sandbox in Phriction, UIExamples. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6827
2013-08-28 19:29:02 +02:00
text-shadow: 0 1px 2px #fff;
Phriction Redesign Summary: This is mostly minor, but visually it makes the wiki feel more 'page like' and better separates the actual content from other data displayed. Test Plan: Tested Chrome, iPhone, and iPad. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2686 Differential Revision: https://secure.phabricator.com/D5366
2013-04-12 00:05:50 +02:00
}
Clean up Phriction History View Summary: Fixes T4028, makes the table a bit easier to read and navigate changesets. Test Plan: Tested a big history, back to original and latest. Reviewers: epriestley, btrahan CC: Korvin, epriestley, aran Maniphest Tasks: T4028 Differential Revision: https://secure.phabricator.com/D7438
2013-10-30 00:06:13 +01:00
.phriction-document-history-diff .phui-object-item-list-view {
padding: 0 16px;
Show change diffs in Phriction Summary: This is really rough and needs work (particularly, there's some diff code I really need to refactor since I sort-of-copy-pasted it) but basically functional. Show text changes between diffs and allow users to revert to earlier versions. Differential's line-oriented diff style isn't ideal for large blocks of text but I'm betting this is probably good enough in most cases. We can see how bad it is in practice and then fix it if needbe. I added a bunch of support for "description" but didn't add the feature in this diff, I'll either follow up or task it out since it should be a pretty straightforward change. Test Plan: Looked at history for several Phriction documents, clicked "previous change" / "next change", clicked revert buttons. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen CC: aran, hsb, epriestley Differential Revision: 687
2011-07-17 20:06:02 +02:00
}
.phriction-revert-table {
width: 100%;
}
.phriction-revert-table td {
text-align: center;
width: 50%;
Clean up Phriction History View Summary: Fixes T4028, makes the table a bit easier to read and navigate changesets. Test Plan: Tested a big history, back to original and latest. Reviewers: epriestley, btrahan CC: Korvin, epriestley, aran Maniphest Tasks: T4028 Differential Revision: https://secure.phabricator.com/D7438
2013-10-30 00:06:13 +01:00
padding: 8px 0;
margin: 0 16px;
background-color: {$lightbluebackground};
border-top: 1px solid {$lightblueborder};
Show change diffs in Phriction Summary: This is really rough and needs work (particularly, there's some diff code I really need to refactor since I sort-of-copy-pasted it) but basically functional. Show text changes between diffs and allow users to revert to earlier versions. Differential's line-oriented diff style isn't ideal for large blocks of text but I'm betting this is probably good enough in most cases. We can see how bad it is in practice and then fix it if needbe. I added a bunch of support for "description" but didn't add the feature in this diff, I'll either follow up or task it out since it should be a pretty straightforward change. Test Plan: Looked at history for several Phriction documents, clicked "previous change" / "next change", clicked revert buttons. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen CC: aran, hsb, epriestley Differential Revision: 687
2011-07-17 20:06:02 +02:00
}
.phriction-history-nav-table {
width: 100%;
Clean up Phriction History View Summary: Fixes T4028, makes the table a bit easier to read and navigate changesets. Test Plan: Tested a big history, back to original and latest. Reviewers: epriestley, btrahan CC: Korvin, epriestley, aran Maniphest Tasks: T4028 Differential Revision: https://secure.phabricator.com/D7438
2013-10-30 00:06:13 +01:00
margin-bottom: 20px;
Show change diffs in Phriction Summary: This is really rough and needs work (particularly, there's some diff code I really need to refactor since I sort-of-copy-pasted it) but basically functional. Show text changes between diffs and allow users to revert to earlier versions. Differential's line-oriented diff style isn't ideal for large blocks of text but I'm betting this is probably good enough in most cases. We can see how bad it is in practice and then fix it if needbe. I added a bunch of support for "description" but didn't add the feature in this diff, I'll either follow up or task it out since it should be a pretty straightforward change. Test Plan: Looked at history for several Phriction documents, clicked "previous change" / "next change", clicked revert buttons. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen CC: aran, hsb, epriestley Differential Revision: 687
2011-07-17 20:06:02 +02:00
}
.phriction-history-nav-table td {
width: 50%;
More grey text updates Summary: More grey tweaks, breaking these up so I can test and tweak each as needed. Test Plan: Review pages. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6866
2013-09-02 22:57:48 +02:00
color: {$darkgreytext};
Show change diffs in Phriction Summary: This is really rough and needs work (particularly, there's some diff code I really need to refactor since I sort-of-copy-pasted it) but basically functional. Show text changes between diffs and allow users to revert to earlier versions. Differential's line-oriented diff style isn't ideal for large blocks of text but I'm betting this is probably good enough in most cases. We can see how bad it is in practice and then fix it if needbe. I added a bunch of support for "description" but didn't add the feature in this diff, I'll either follow up or task it out since it should be a pretty straightforward change. Test Plan: Looked at history for several Phriction documents, clicked "previous change" / "next change", clicked revert buttons. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen CC: aran, hsb, epriestley Differential Revision: 687
2011-07-17 20:06:02 +02:00
}
Clean up Phriction History View Summary: Fixes T4028, makes the table a bit easier to read and navigate changesets. Test Plan: Tested a big history, back to original and latest. Reviewers: epriestley, btrahan CC: Korvin, epriestley, aran Maniphest Tasks: T4028 Differential Revision: https://secure.phabricator.com/D7438
2013-10-30 00:06:13 +01:00
.phriction-history-nav-table td {
padding: 8px 16px;
}
Show change diffs in Phriction Summary: This is really rough and needs work (particularly, there's some diff code I really need to refactor since I sort-of-copy-pasted it) but basically functional. Show text changes between diffs and allow users to revert to earlier versions. Differential's line-oriented diff style isn't ideal for large blocks of text but I'm betting this is probably good enough in most cases. We can see how bad it is in practice and then fix it if needbe. I added a bunch of support for "description" but didn't add the feature in this diff, I'll either follow up or task it out since it should be a pretty straightforward change. Test Plan: Looked at history for several Phriction documents, clicked "previous change" / "next change", clicked revert buttons. Reviewed By: hsb Reviewers: hsb, codeblock, jungejason, tuomaspelkonen CC: aran, hsb, epriestley Differential Revision: 687
2011-07-17 20:06:02 +02:00
.phriction-history-nav-table td.nav-next {
text-align: right;
}
Phriction Redesign Summary: This is mostly minor, but visually it makes the wiki feel more 'page like' and better separates the actual content from other data displayed. Test Plan: Tested Chrome, iPhone, and iPad. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Maniphest Tasks: T2686 Differential Revision: https://secure.phabricator.com/D5366
2013-04-12 00:05:50 +02:00
Separate Phriction style into PHUIDocumentView Summary: Ref T988. Fixes T3150. I want to use this element in Diviner, so separate it from Phriction. This makes no changes to the actual display except for fixing {T3150} by adding `overflow: hidden;`. Test Plan: Viewed Phriction documents in mobile and desktop views. Reviewers: chad, btrahan Reviewed By: btrahan CC: aran Maniphest Tasks: T988, T3150 Differential Revision: https://secure.phabricator.com/D6101
2013-06-01 00:03:59 +02:00
.phui-document-content .phriction-link {
font-weight: bold;
Make code blocks clear floats in Phriction Summary: In situations where a code block and a ToC are displayed, this clears the float so the code block is always 100% wide. Test Plan: Tested a code block with a ToC, iOS and Chrome Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6004
2013-05-23 00:35:42 +02:00
}
Copy permalink