Empty vertical space appears after Disqus comment form

[dannyzhang]

There is an empty vertical space that appears after the Disqus comment form and before the "bottom" when displayed on the iphone. The Disqus theme is the default, Narcissus. This is visible when trackbacks are not enabled in Disqus and also visible during the loading phase of the comments. It may be a Disqus issue.

The relevant code is

    <div class="bubble">
        <div class="top"></div>
        <style type="text/css">
            #disqus_thread {
                background: url('http://assets.tumblr.com/images/iphone/tumblelog/content_bg.png') top left repeat-y transparent;
                width: 294px;
                margin: 0;
                padding: 0 5px;
            }
            #disqus_thread a {
                text-decoration: underline;
            }
            #dsq-new-post h3 {
                margin-top: 0;
            }
            #dsq-content .dsq-item-trackback {
                margin-bottom: 0;
            }
        </style>
        <div id="disqus_thread"></div>
        <script type="text/javascript" src="http://disqus.com/forums/DISQUS_SHORTNAME/embed.js"></script>
        <div class="content">
            <div class="copy">
            </div>
            <div class="clear"></div>
        </div>
        <div class="bottom"></div>
    </div>

[orangkucing]

Do you mean a vertical space below "...Subscribe RSS"(nl)solid line(nl)solid line(nl) when there are no comments or reactions? That space exists in other themes, too.

-- orangkucing

[dannyzhang]

Yes, that's what I mean. I'm not very experienced with Tumblr themes but I guess I can deal with it by removing the top and bottom.

[orangkucing]

The vertical space is used when you select disqus to do pagination. If you never intend to use pagination and want to remove that space, try

dsq-pagination { display: none !important; }

somewhere in this file or disqus custom CSS setting.

--- orangkucing