[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>
</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.
--
Matthias
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