1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-19 13:22:42 +01:00
phorge-phorge/webroot/rsrc/css/application/phriction/phriction-document-css.css
epriestley c0ae2f6289 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-18 08:46:45 -07:00

94 lines
1.3 KiB
CSS

/**
* @provides phriction-document-css
*/
.phriction-header {
background: #eeeeee;
border-bottom: 1px solid #dddddd;
padding: 1em;
}
.phriction-header a.button {
float: right;
}
.phriction-header h1 {
margin: .25em 0;
}
.phriction-content {
max-width: 960px;
margin: 1em;
}
.phriction-byline {
padding: .25em 0 1em;
color: #444444;
}
.phriction-content .phriction-link {
font-weight: bold;
}
.phriction-breadcrumbs {
font-size: 12px;
color: #666666;
}
.phriction-document-crumbs a {
font-weight: bold;
}
.phriction-children {
padding: 1em 2em;
background: #eeeeee;
border-top: 1px solid #dddddd;
}
.phriction-children ul {
margin-left: 2.5em;
list-style: circle;
color: #999999;
}
.phriction-children-header {
padding: 0 0 .5em 0;
margin: 0;
font-weight: bold;
}
.phriction-document-preview-header {
color: #666666;
margin-bottom: 1em;
font-size: 11px;
}
.phriction-document-history-diff {
margin: 0 0 0 2em;
padding-bottom: 2em;
max-width: 1162px;
}
.phriction-revert-table {
width: 100%;
}
.phriction-revert-table td {
text-align: center;
width: 50%;
padding: .5em 0;
}
.phriction-history-nav-table {
width: 100%;
}
.phriction-history-nav-table td {
width: 50%;
color: #444444;
}
.phriction-history-nav-table td.nav-next {
text-align: right;
}