Bug#772963: release-notes: cellphone friendly CSS

[Stéphane Blondon <stephane.blondon@gmail.com>]

I forgot to tak about the patch!

Just add in debian.css:
@media (max-width: 5in), (max-device-width: 5in){
    dl, dt, dd {
        margin-left: 0.25em;
    }

    ul {
        padding-left: 1.5em;
    }
}

Or download the file from the provided demo.


Cheers



2015-01-24 18:27 GMT+01:00 Stéphane Blondon <stephane.blondon@gmail.com>:
> 2015-01-21 17:48 GMT+01:00 Niels Thykier <niels@thykier.net>:
>> On 2015-01-21 01:23, Stéphane Blondon wrote:
>>>>  * The next/previous arrows do not fit in the bottom of e.g. chapter 2.
>>>>    There is /no/ problem in the top - only the bottom.
>>>>  * Possibly related to the previous problem.  I am having a hard time
>>>>    clicking on the "next" arrow in the bottom (even after I scroll it
>>>>    into view).  The next arrow in the top does not seem to have the same
>>>>    issue.
>>>
>>> I don't see the problem. Which device and browser do you use?
>>>
>>
>> It was a Nokia Lumia Windows phone.  I assume that means it was an
>> internet explorer.  Regardless, I reproduced it in Iceweasel's developer
>> mode (see attached screenshot) using the (predefined) 320x480 window mode.
>
> Thanks, I understand the problem. However it's not easy to fix. There
> are unbreakable spaces in the name ('Chapter 1. xxx'), that's why the
> footer expands. It's the same problem in the current version of the
> footer and is not due to the new css. For example, see with a little
> screen :
> https://www.debian.org/releases/stable/amd64/ch01s06.html
>
> I don't think it's easy to fix without changing HTML. I will ask to a
> web designer at work monday but I'm pessimistic.
>
>
>> I am very pleased with the changes so far.  If the missing next arrows
>> (above) and the huge margin (see below) issues can be resolved, I would
>> certainly not mind putting this live.
>
> Great news! :)
>
>
> I've updated the debian.css file in order to spend less space on
> little screen for lists and table of content.
> The URLs are the same:
> http://stephane.yaal.fr/tmp/installer_docs/Chapter%C2%A01.%C2%A0Introduction.html
> http://stephane.yaal.fr/tmp/installer_docs/Chapter%C2%A02.%C2%A0What%27s%20new%20in%20Debian%208.html
> http://stephane.yaal.fr/tmp/installer_docs/Release%20Notes%20for%20Debian%208%20%28jessie%29,%2064-bit%20PC_draft.html
>
>
>>>>  * The "Caution" remarks (plus "note" etc.) has a so much margin that
>>>>    only 16-20 characters are shown per line[2].  In desktop mode it
>>>>    only takes 1-2 lines.
>
> It's not really easy to fix because there is css style directly in the page:
> <div class="caution" style="margin-left: 0.5in; margin-right: 0.5in;">
>
> Like the footer, this margin create the same problem on little screen
> for the current documentation (Debian 7.0).
> The clean way to do it is to remove the style attribute and to it in
> the css file. Do you think it's easy to do?
>
> If not changing it, the rendering is the same with or without the css
> on little screen: plenty lines.
>
> If you can remove the stylee attribute, I will work on improving the
> caution block.
>
>
> I'm ready to improve other points if needed.
>
> --
> Stéphane



-- 
Imprimez ce message en A2 et en couleur au moins 500 fois!
Brûlez des arbres!!

-- envoyé depuis ma centrale à charbon
Stéphane