[IPython-dev] Just looking for feedback before PR

Matthias BUSSONNIER bussonniermatthias at gmail.com
Thu Nov 15 15:26:34 EST 2012

I globally like it. Maybe a little better than original css, but it might be the effect of smth new. 

I haven't compared the difference in vertical spacing. 

markdown <code> is 15px, <p> is 16px, looks weird.

other non uniformity in the MD cell with 

* *italics*
* **boldfaced**
* `monospaced`
* [anchors](http://ipython.org)
* lists like this one
    * which can be nested
        * arbitrarily
* a range of headers
* horizontal rules

some text are 14px; other 15px

I would add a 

.text_cell p {
	• text-align: justify;

header go less far than cell on the right (cf headerAndCell screenshot attached) 

The 90° corner do not hurt my feelings.

I once created a notebook with almost everything you can style. for example, you can add 
<div style='position:relative;top:10px'>
<div class='ipython_tooltip' style='position:relative;'>Something inside</div>
<div class="pretooltiparrow" style='position:relative;top:-73px'></div>
To a md cell and you have a false tooltip.

I'll try to find it again or re-do it. It might be of help when testing css.

Good job. 

Le 15 nov. 2012 à 20:58, Carl Smith a écrit :

>> let's call it is .profile_xxx/static/css/custom.css
>> let's do the same with js.
>> let's all go to scipy2012 and ask min to do it in 10min...
>> Tada ! (the template being the default css files)
>> BTW you can over rite any ipyton css/js files by creating a file with the same name in
>> .profile_xxx/static/
> Looks like you're one step ahead, or you've got Min one step ahead at least :)
>>> This sounds like a good idea, but I've not actually used less to know
>>> how well it works. I'll look it up tonight.
>> less is basically css with variable and nested rules.
>> speaking of nested rules.
>> in cell.js and similar when selecting js does :
>>   this.element.addClass('ui-widget-content ui-corner-all');
>> (and unselecting removes it of course)
>> With less you can change that to :
>> ->    this.element.addClass('cell-selected');
>> and create a less rule :
>> import jquerytheme.css
>> .codecell-selected {
>>        .ui-widget-content;
>>        .ui-corner-all;
>> }
>> It would further decouple Js and styling.
>> --
>> Matthias
> Cheers for the pointers Matthias.
> So, what I'm taking away from all this is that I should still work on
> my CSS stuff, making it more consistent with the Notebook, but with a
> view to having it as a stylesheet for others to add to their profiles,
> not as a default. This way users can style their Markdown the same way
> they'd style anything else.
> Any feedback on the version of the Brief Tour would be appreciated. If
> people like the changes I've made, we can tidy it up and add it to the
> main examples directory.
> Thanks again
> Carl
> _______________________________________________
> IPython-dev mailing list
> IPython-dev at scipy.org
> http://mail.scipy.org/mailman/listinfo/ipython-dev

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.python.org/pipermail/ipython-dev/attachments/20121115/de76fce8/attachment.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: headerAndCell.png
Type: image/png
Size: 6608 bytes
Desc: not available
URL: <http://mail.python.org/pipermail/ipython-dev/attachments/20121115/de76fce8/attachment.png>

More information about the IPython-dev mailing list