New side menu idea

[Thomas De Schampheleire]

>
>
>>>>> The '@' sign to indicate the revision in plain text seems a bit
>>>>> unprofessional. I think it could be improved in some way, but not sure
>>>>> how. Perhaps with an 'at' icon.
>>>>>
>>>> I don't like the font for the revision hash (and @). I'm not sure what
>>>> you mean by an 'at' icon though.
>>>>
>>> Can you tell me a bit more what you mean by "an 'at' icon" ?
>>> BTW I worked a bit more on it and now all the pages use the new look. (I
>>> hope I didn't forget one) And the animation should be fix now.
>>> https://kallithea-exp.dominikruf.com
>>>
>>
>> Sorry I forgot to reply on the at. What I meant was to use an at symbol
>> from fontello. I searched there and found several at symbols which are a
>> bit bolder than the normal bold text. I think that looks nicer.
>>
> Okay. I'm not sure the @ would look that much different/better as an icon.
> I searched at fontello but did not find one that I liked. Can you send a
> link to the one you meant?
> Also note that I changed the color to match the breadcrumb separater and I
> made it bold as well. I quite like it that way.
>

I can't seem to find a direct link, but in following page
http://fontello.com/#search=a
The second to last icon in group Typicon, which is a bold at symbol, looks
nice to me. It's a bit bolder than standard.

I like the color change you did.

I see wrapping in small screens like on my phone, were the at symbol is
broken away from the revision. Is it possible to prevent it? I even wonder
if it may look nice without space between them.
See one of the screenshots in attachment.

For the expanded sidebar, there is quite some empty space at the right
side, due to the PR count. I wonder if centering the text or text+icons
would still look nice, because that solve this problem.
(I'd try it but I'm on my phone now)

Two other screenshots show a repo summary page on my phone. I know it's not
related to your sidebar changes but I'm mentioning it anyway. The part with
trending files and the side block take two much space IMHO. For a better
mobile experience, this is something that can be improved. Not a priority
now, though.

Best regards,
Thomas

>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.sfconservancy.org/pipermail/kallithea-general/attachments/20180407/ef3567e8/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screenshot_20180407-083314.png
Type: image/png
Size: 91318 bytes
Desc: not available
URL: <http://lists.sfconservancy.org/pipermail/kallithea-general/attachments/20180407/ef3567e8/attachment-0004.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screenshot_20180407-083331.png
Type: image/png
Size: 89966 bytes
Desc: not available
URL: <http://lists.sfconservancy.org/pipermail/kallithea-general/attachments/20180407/ef3567e8/attachment-0005.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screenshot_20180407-093155.png
Type: image/png
Size: 72781 bytes
Desc: not available
URL: <http://lists.sfconservancy.org/pipermail/kallithea-general/attachments/20180407/ef3567e8/attachment-0006.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screenshot_20180407-093708.png
Type: image/png
Size: 68501 bytes
Desc: not available
URL: <http://lists.sfconservancy.org/pipermail/kallithea-general/attachments/20180407/ef3567e8/attachment-0007.png>