Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Right pane is pushing down left pane #13

Open
timmeade opened this issue Oct 29, 2016 · 5 comments
Open

Right pane is pushing down left pane #13

timmeade opened this issue Oct 29, 2016 · 5 comments

Comments

@timmeade
Copy link

Using one of the latest node.js builds....

The right pane is 'pushing' down the middle panel. Comparing to the online demo, it appears that something is adding whitespace.

Please see screen shots for examples.

screenshot 2016-10-29 10 23 14
screenshot 2016-10-29 10 23 25

@cosmicscr
Copy link

I have the same issue and was about to post the exact same comparison screenshots

@cosmicscr
Copy link

cosmicscr commented Nov 2, 2016

The problem also happens if you choose to put the description before the examples: I prefer to put the description first and then the examples like this:

## My Test API

This endpoint makes you feel successful

### HTTP Request

`GET https://mydomain.com/api/v1/endpoint/:level`

### Parameters

Parameter | Default | Description
--------- | ------- | -----------
level | none | Integer. The level of success you would like.

tick tick tick bash
curl https://mydomain.com/api/v1/endpoint/3
tick tick tick

> Success Output:

tick tick tickjson
{
    "success": true,
    "level": 3
}
tick tick tick

This way when you are on a phone you see the description first then the examples like so:

screen shot 2016-11-02 at 10 54 49 am

However, it still doesn't display the blocks correctly at normal resolutions as in original description:

screen shot 2016-11-02 at 10 50 36 am

@adback03
Copy link

Seems to be a problem with jquery.tocify.js. In script.js, change the selectors options like so:

selectors: 'h1, h2'

Doing this seems to fix the problem for me.

@arichen
Copy link

arichen commented May 18, 2018

The generated html had an additional <div name="Query-Parameters" data-unique="Query-Parameters"></div> before each h3. But I wonder why the sample http://marcelpociot.de/whiteboard/ is without the <div> and thus had correct laytout.

If I modify /themes/whiteboard/source/js/lib/jquery.tocify.js, and comment these lines, then this problem is solved. But it's probably not a good idea to change library.

self.before($("<div/>", {
    // Sets a name attribute on the anchor tag to the text of the currently traversed HTML element (also making sure that all whitespace is replaced with an underscore)
    "name": hashValue,
    "data-unique": hashValue
}));

@macr1408
Copy link

macr1408 commented Aug 1, 2018

@arichen solution worked fine for me.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants