Mercurial > agora-palash
comparison static/css/agora.less @ 102:f872c643b056
Updates to snippet functionality (see details)
Sorry about the large commit, but it was difficult to break it up as a lot
of new functionality was introduced. Most of it is specific to the snippet
feature but there are some other changes as well.
Commit highlights:
* Added the ability to switch the syntax highlighting colour scheme when
viewing a snippet. This is currently done on a per-snippet basis only,
but eventually it will be possible to set a default in your profile to
have all the snippets you view use that colour scheme. There are currently
8 different colour schemes, all of which were taken from the default
pygments stylesheets (some were modified).
* Added a "num_views" field to the Snippet model, with the field being
incremented any time the snippet view is called (raw or regular view).
* Created a simple "explore" view that lists the recently-posted snippets.
Will implement pagination and sorting by other attributes ("popularity",
for example, based on number of views) as well.
* Added a post-save hook to the User model to ensure that a Profile is created
for every user as soon as the User itself is created. This alleviates the
need for a get_profile method that checks if the user has a profile or not
and creates one if necessary. (The code is currently still there, will be
cleaned up soon).
* Added back the wordwrap toggling feature. Currently, if you want to enable
word-wrapping, the line numbers have to be hidden in order to ensure that
the lines and their numbers don't go out of sync. This will be fixed soon.
* History/diff view is back
* And some other minor cosmetic changes.
Note: since some existing models have been changed, you'll likely need to
delete the existing sqlite database before running syncdb. The alternative
is to determine the necessary column changes/additions and run the SQL
query yourself.
author | dellsystem <ilostwaldo@gmail.com> |
---|---|
date | Fri, 31 Aug 2012 02:53:22 -0400 |
parents | e0348cfbdf48 |
children | 2602f54c018d |
comparison
equal
deleted
inserted
replaced
101:a8da60d611f7 | 102:f872c643b056 |
---|---|
144 } | 144 } |
145 | 145 |
146 #breadcrumbs { | 146 #breadcrumbs { |
147 border-bottom: 1px solid @lightGrey; | 147 border-bottom: 1px solid @lightGrey; |
148 margin-bottom: 10px; | 148 margin-bottom: 10px; |
149 padding-bottom: 5px; | |
149 } | 150 } |
150 | 151 |
151 #info-box { | 152 #info-box { |
152 margin-top: 20px; | 153 margin-top: 20px; |
153 clear: both; | 154 clear: both; |
200 } | 201 } |
201 } | 202 } |
202 } | 203 } |
203 | 204 |
204 #sidebar { | 205 #sidebar { |
205 width: @sidebarWidth - @sidebarPadding * 2; | 206 margin-top: 10px; |
207 width: @sidebarWidth - @sidebarPadding * 2 - 2; | |
208 border: 1px solid @lightGrey; | |
206 padding: @sidebarPadding; | 209 padding: @sidebarPadding; |
207 min-height: 300px; | 210 background: @offWhite; |
208 background: @lighterGrey; | |
209 .inline-block; | 211 .inline-block; |
210 } | 212 } |
211 | 213 |
212 #non-sidebar { | 214 #non-sidebar { |
213 .inline-block; | 215 .inline-block; |
217 } | 219 } |
218 | 220 |
219 .hint { | 221 .hint { |
220 border: 1px solid @lightBlue; | 222 border: 1px solid @lightBlue; |
221 background: lighten(@mediumBlue, 40%); | 223 background: lighten(@mediumBlue, 40%); |
222 padding-left: 10px; | 224 padding: 10px; |
223 margin-bottom: 10px; | 225 margin-bottom: 10px; |
224 padding-top: 10px; | |
225 } | 226 } |
226 | 227 |
227 hr { | 228 hr { |
228 border: 0; | 229 border: 0; |
229 border-top: 1px solid @mediumGrey; | 230 border-top: 1px solid @mediumGrey; |
230 & + p { | 231 margin: 5px 0; |
231 margin-top: 10px; | 232 } |
232 } | 233 |
233 } | 234 .tree { |
235 ul { | |
236 list-style-type: none; | |
237 } | |
238 } | |
239 | |
240 #diff { | |
241 .hidden; | |
242 border: 1px solid @lightGrey; | |
243 padding: 10px; | |
244 background: @offWhite; | |
245 | |
246 .gi { | |
247 background: #DFD; | |
248 } | |
249 | |
250 .gu { | |
251 color: @mediumGrey; | |
252 } | |
253 | |
254 .gd { | |
255 background: #FDD; | |
256 } | |
257 } | |
258 | |
259 table &.default { | |
260 width: 100%; | |
261 border: 1px solid @lightGrey; | |
262 | |
263 thead th { | |
264 padding: 5px 0; | |
265 border-bottom: 1px solid @lightGrey; | |
266 } | |
267 } |