www.digitalmars.com         C & C++   DMDScript  

digitalmars.D - Twitter widget cut on dconf.org on Chrome/OSX

reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
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?


Thanks,

Andrei
Apr 22 2013
next sibling parent reply "Steven Schveighoffer" <schveiguy yahoo.com> writes:
On Mon, 22 Apr 2013 11:57:35 -0400, Andrei Alexandrescu  
<SeeWebsiteForEmail erdani.org> 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?

Firefox :) Sorry, couldn't help. -Steve
Apr 22 2013
parent Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 4/22/13 12:02 PM, Steven Schveighoffer wrote:
 On Mon, 22 Apr 2013 11:57:35 -0400, Andrei Alexandrescu
 <SeeWebsiteForEmail erdani.org> 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?

Firefox :) Sorry, couldn't help.

Unfortunately the joke's ironic as FF has its own share of problems in displaying that page. Andrei
Apr 22 2013
prev sibling next sibling parent reply "Mr. Anonymous" <mailnew4ster gmail.com> writes:
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?


 Thanks,

 Andrei

A more serious issue is that the speakers page is chopped in Firefox: http://dconf.org/speakers/index.html It lists only until Dmitry Olshansky. No wonder, as it has a fixed size in pixels.
Apr 22 2013
parent Rainer Schuetze <r.sagitario gmx.de> writes:
On 22.04.2013 19:19, Mr. Anonymous wrote:
 On Monday, 22 April 2013 at 17:11:49 UTC, Steven Schveighoffer wrote:
 On Mon, 22 Apr 2013 12:50:50 -0400, Mr. Anonymous
 <mailnew4ster gmail.com> wrote:

 A more serious issue is that the speakers page is chopped in Firefox:
 http://dconf.org/speakers/index.html

 It lists only until Dmitry Olshansky.

 No wonder, as it has a fixed size in pixels.

I don't see that problem in firefox, or opera -Steve

I did a refresh, and it works now. Cache, I guess. Sorry for the false alert.

The problem is not with the cache. If you press Ctrl+F5 the page is cut short again. I think the height of the page is determined after a short time, but depending on the speed of the download, the pictures might not yet be loaded completely, so the layout figures out a height that is too small when all pictures are loaded. It might have to do with some broken html that the source viewer shows inside FF, the first is "<span class="sp">Sponsors</sp>"
Apr 22 2013
prev sibling next sibling parent "Steven Schveighoffer" <schveiguy yahoo.com> writes:
On Mon, 22 Apr 2013 12:50:50 -0400, Mr. Anonymous <mailnew4ster gmail.com>  
wrote:

 A more serious issue is that the speakers page is chopped in Firefox:
 http://dconf.org/speakers/index.html

 It lists only until Dmitry Olshansky.

 No wonder, as it has a fixed size in pixels.

I don't see that problem in firefox, or opera -Steve
Apr 22 2013
prev sibling next sibling parent "Steven Schveighoffer" <schveiguy yahoo.com> writes:
On Mon, 22 Apr 2013 12:17:13 -0400, Andrei Alexandrescu  
<SeeWebsiteForEmail erdani.org> wrote:

 Unfortunately the joke's ironic as FF has its own share of problems in  
 displaying that page.

Seems correct to me under opera or firefox. But I guess if there is an omitted portion, I wouldn't know :) -Steve
Apr 22 2013
prev sibling next sibling parent "Mr. Anonymous" <mailnew4ster gmail.com> writes:
On Monday, 22 April 2013 at 17:11:49 UTC, Steven Schveighoffer 
wrote:
 On Mon, 22 Apr 2013 12:50:50 -0400, Mr. Anonymous 
 <mailnew4ster gmail.com> wrote:

 A more serious issue is that the speakers page is chopped in 
 Firefox:
 http://dconf.org/speakers/index.html

 It lists only until Dmitry Olshansky.

 No wonder, as it has a fixed size in pixels.

I don't see that problem in firefox, or opera -Steve

I did a refresh, and it works now. Cache, I guess. Sorry for the false alert.
Apr 22 2013
prev sibling next sibling parent Jacob Carlborg <doob me.com> writes:
On 2013-04-22 17:57, 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?

There's something weird going on here. All browsers on Mac OS X has this problem (FF, Safari and Chrome). It only happens when I do a "hard" reload, that is, don't use anything from the local cache. The following things happens when I do a hard reload: * The HTML classes "page_left", "divider_v" and "page_right" has the CSS style property "height" set to "637px" * I get the following JavaScript error: "NetworkError: 503 Service Unavailable - http://search.twitter.com/search.json?q=%23dconf%20OR%20from%3AD_programming%20OR%20%40D_programming&include_rts=true&callback=TWTR.Widget.receiveCallback_1&rpp=20&clientsource=TWITTERINC_WIDGET&result_type=mixed&1366729612406= (That is not the full URL) * JavaScript error: "TypeError: that.decay is not a function". Most likely due to the error above If I then do a normal reload I don't get any JavaScript errors and the HTML classes above have their height set to "703px". This is easy to see in any web browser using its built in developer tools. Just right click anywhere on the page and choose "Inspect element". Then choose the "Console" tab. -- /Jacob Carlborg
Apr 23 2013
prev sibling next sibling parent "deadalnix" <deadalnix gmail.com> writes:
On Monday, 22 April 2013 at 17:11:49 UTC, Steven Schveighoffer 
wrote:
 On Mon, 22 Apr 2013 12:50:50 -0400, Mr. Anonymous 
 <mailnew4ster gmail.com> wrote:

 A more serious issue is that the speakers page is chopped in 
 Firefox:
 http://dconf.org/speakers/index.html

 It lists only until Dmitry Olshansky.

 No wonder, as it has a fixed size in pixels.

I don't see that problem in firefox, or opera -Steve

The problem is subtle, a javascript is bugguy and set a wrong height. I already reported that one a while ago xD
Apr 23 2013
prev sibling next sibling parent reply "qznc" <qznc go.to> writes:
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.
Apr 23 2013
parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
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
Apr 23 2013
next sibling parent Jacob Carlborg <doob me.com> writes:
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
Apr 23 2013
prev sibling parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
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
Apr 24 2013
parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
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
Apr 24 2013
parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
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
Apr 24 2013
parent Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 4/24/13 2:53 PM, Vladimir Panteleev wrote:
 On Wednesday, 24 April 2013 at 17:41:20 UTC, Andrei Alexandrescu wrote:
 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?

The vertical bar is gone (because my browser saved the image file to a relative location different from the server one). Change url('dotted_v.png') to url('../images/dotted_v.png') to fix it.

Aha, my bad. Thanks, fixed now. Andrei
Apr 24 2013
prev sibling next sibling parent "Vladimir Panteleev" <vladimir thecybershadow.net> writes:
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.)
Apr 23 2013
prev sibling next sibling parent Nick Sabalausky <SeeWebsiteToContactMe semitwist.com> writes:
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 :)
Apr 23 2013
prev sibling next sibling parent "Vladimir Panteleev" <vladimir thecybershadow.net> writes:
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.
Apr 24 2013
prev sibling next sibling parent "Vladimir Panteleev" <vladimir thecybershadow.net> writes:
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
Apr 24 2013
prev sibling parent "Vladimir Panteleev" <vladimir thecybershadow.net> writes:
On Wednesday, 24 April 2013 at 17:41:20 UTC, Andrei Alexandrescu 
wrote:
 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?

The vertical bar is gone (because my browser saved the image file to a relative location different from the server one). Change url('dotted_v.png') to url('../images/dotted_v.png') to fix it.
Apr 24 2013