Mercurial > hg
comparison mercurial/templates/static/style-gitweb.css @ 17202:1ae119269ddc
hgweb: side-by-side comparison functionality
Adds new web command to the core, ``comparison``, which enables colorful
side-by-side change display, which for some might be much easier to work with
than the standard line diff output. The idea how to implement comes from the
SonicHq extension.
The web interface gets a new link to call the comparison functionality. It lets
users configure the amount of context lines around change blocks, or to show
full files - check help (also in this changeset) for details and defaults. The
setting in hgrc can be overridden by adding ``context=<value>`` to the request
query string. The comparison creates addressable lines, so as to enable sharing
links to specific lines, just as standard diff does.
Incorporates updates to all web related styles.
Known limitations:
* the column diff is done against the first parent, just as the standard diff
* this change allows examining diffs for single files only (as I am not sure if
examining the whole changeset in this way would be helpful)
* syntax highlighting of the output changes is not performed (enabling the
highlight extension has no influence on it)
author | wujek srujek |
---|---|
date | Sun, 08 Jul 2012 17:17:02 +0200 |
parents | b602ac02f1ba |
children | 106cdea0183d |
comparison
equal
deleted
inserted
replaced
17201:afd75476939e | 17202:1ae119269ddc |
---|---|
124 font-size: 100%; | 124 font-size: 100%; |
125 position: relative; | 125 position: relative; |
126 top: -3px; | 126 top: -3px; |
127 font-style: italic; | 127 font-style: italic; |
128 } | 128 } |
129 | |
130 /* Comparison */ | |
131 .legend { | |
132 padding: 1.5% 0 1.5% 0; | |
133 } | |
134 | |
135 .legendinfo { | |
136 border: 1px solid #d9d8d1; | |
137 font-size: 80%; | |
138 text-align: center; | |
139 padding: 0.5%; | |
140 } | |
141 | |
142 .equal { | |
143 background-color: #ffffff; | |
144 } | |
145 | |
146 .delete { | |
147 background-color: #ffc5ce; | |
148 } | |
149 | |
150 .insert { | |
151 background-color: #c5ffc4; | |
152 } | |
153 | |
154 .replace { | |
155 background-color: #ffff99; | |
156 } | |
157 | |
158 .comparison { | |
159 overflow-x: auto; | |
160 } | |
161 | |
162 .header th { | |
163 text-align: center; | |
164 } | |
165 | |
166 .block { | |
167 border-top: 1px solid #d9d8d1; | |
168 } |