On Monday, 22 April 2013 at 15:57:28 UTC, Andrei Alexandrescu wrote:
> We have a bit of trouble with the Twitter widget on Chrome, at http://dconf.org/talks/lucarella.html. The widget is chopped at the bottom.
>
> Is there a simple fix for this?

The <div class="page_right equal"> element has a hard-coded height (643px). Removing that inline styling it works for me.

On 4/23/13 12:01 PM, qznc wrote:
> On Monday, 22 April 2013 at 15:57:28 UTC, Andrei Alexandrescu wrote:
>> We have a bit of trouble with the Twitter widget on Chrome, at
>> http://dconf.org/talks/lucarella.html. The widget is chopped at the
>> bottom.
>>
>> Is there a simple fix for this?
>
> The <div class="page_right equal"> element has a hard-coded height
> (643px). Removing that inline styling it works for me.

Thanks, confirmed (comes to 641px in my browser). Problem is that constraint seems to be generated dynamically.

Andrei

On Tuesday, 23 April 2013 at 21:39:39 UTC, Andrei Alexandrescu wrote:
> Thanks, confirmed (comes to 641px in my browser). Problem is that constraint seems to be generated dynamically.

http://dconf.org/includes/css.js

This looks like a JS hack for the multi-column CSS problem (trying to have multiple columns, and having each column have the height of the tallest one).

CSS3 has columns. Current browser support: http://caniuse.com/#feat=multicolumn

However, in this case, this seems unnecessary, as the left part of the page will rarely be taller than the right part, and even in that case, the layout looks acceptable. Thus, it's possible to simply set the vertical separator as a non-repeating background on the left side of the right-hand column.

I was going to send a pull request to https://github.com/D-Programming-Language/dconf.org , but that repository is out of date. Here's some "patches" and a patched up page to test: http://thecybershadow.net/d/dconf-org-layout/

(Alternatively, just use a table.)

On Wed, 24 Apr 2013 00:40:44 +0200
"Vladimir Panteleev" <vladimir@thecybershadow.net> wrote:
> 
> (Alternatively, just use a table.)

I consider HTML-tables-for-layout one of my not-so-secret weapons. It's immensely useful, simple, powerful and easy, they work right on freaking everything, and ever since PalmOS browsers disappeared (ie no nested tables) it has no real downsides aside from some goofy hand-wavy ideology. I love HTML layout tables :)

On 2013-04-24 01:42, Nick Sabalausky wrote:

> I consider HTML-tables-for-layout one of my not-so-secret weapons. It's
> immensely useful, simple, powerful and easy, they work right on
> freaking everything, and ever since PalmOS browsers disappeared (ie no
> nested tables) it has no real downsides aside from some goofy hand-wavy
> ideology. I love HTML layout tables :)

Or one can just use Bootstrap and all this is already done for you.

http://twitter.github.io/bootstrap/

And no, you don't have to use the JavaScript stuff.

-- 
/Jacob Carlborg

On 4/23/13 6:40 PM, Vladimir Panteleev wrote:
> I was going to send a pull request to
> https://github.com/D-Programming-Language/dconf.org , but that
> repository is out of date. Here's some "patches" and a patched up page
> to test: http://thecybershadow.net/d/dconf-org-layout/

Yah, we're in the private repo, we should switch back to the public one. I made a bunch of changes based on your patch, still no cigar. On my browser e.g. http://dconf.org/talks/cehreli.html has the likes paragraph overflow.

Andrei

On Wednesday, 24 April 2013 at 16:33:37 UTC, Andrei Alexandrescu wrote:
> On 4/23/13 6:40 PM, Vladimir Panteleev wrote:
>> I was going to send a pull request to
>> https://github.com/D-Programming-Language/dconf.org , but that
>> repository is out of date. Here's some "patches" and a patched up page
>> to test: http://thecybershadow.net/d/dconf-org-layout/
>
> Yah, we're in the private repo, we should switch back to the public one. I made a bunch of changes based on your patch, still no cigar. On my browser e.g. http://dconf.org/talks/cehreli.html has the likes paragraph overflow.

I don't see my changes on that page.

On 4/24/13 12:45 PM, Vladimir Panteleev wrote:
> On Wednesday, 24 April 2013 at 16:33:37 UTC, Andrei Alexandrescu wrote:
>> On 4/23/13 6:40 PM, Vladimir Panteleev wrote:
>>> I was going to send a pull request to
>>> https://github.com/D-Programming-Language/dconf.org , but that
>>> repository is out of date. Here's some "patches" and a patched up page
>>> to test: http://thecybershadow.net/d/dconf-org-layout/
>>
>> Yah, we're in the private repo, we should switch back to the public
>> one. I made a bunch of changes based on your patch, still no cigar. On
>> my browser e.g. http://dconf.org/talks/cehreli.html has the likes
>> paragraph overflow.
>
> I don't see my changes on that page.

I must have missed them; I didn't patch things directly but instead modified the source files by hand. What are the essential changes?

Andrei

On Wednesday, 24 April 2013 at 17:17:50 UTC, Andrei Alexandrescu wrote:
> On 4/24/13 12:45 PM, Vladimir Panteleev wrote:
>> On Wednesday, 24 April 2013 at 16:33:37 UTC, Andrei Alexandrescu wrote:
>>> On 4/23/13 6:40 PM, Vladimir Panteleev wrote:
>>>> I was going to send a pull request to
>>>> https://github.com/D-Programming-Language/dconf.org , but that
>>>> repository is out of date. Here's some "patches" and a patched up page
>>>> to test: http://thecybershadow.net/d/dconf-org-layout/
>>>
>>> Yah, we're in the private repo, we should switch back to the public
>>> one. I made a bunch of changes based on your patch, still no cigar. On
>>> my browser e.g. http://dconf.org/talks/cehreli.html has the likes
>>> paragraph overflow.
>>
>> I don't see my changes on that page.
>
> I must have missed them; I didn't patch things directly but instead modified the source files by hand. What are the essential changes?

The essential changes are what the second patch is:

http://thecybershadow.net/d/dconf-org-layout/0002-Move-vertical-divider-to-right-hand-column.patch

On 4/24/13 1:21 PM, Vladimir Panteleev wrote:
> The essential changes are what the second patch is:
>
> http://thecybershadow.net/d/dconf-org-layout/0002-Move-vertical-divider-to-right-hand-column.patch

Awesome, that did the trick at least for me. All -- see any issues?

Andrei