Comments (16)
Just stumpled upon this problem too.
It looks like this then:
Same on the GitHub Flavored Markdown
page.
from daux.io.
Are you referring to the code being floated to the right hand side? If so this is a feature you can disable in the config.json
from daux.io.
This works as intended. On smaller viewports it folds under (as perhaps written in the Markdown), but on larger it floats the code out of the main content area.
from daux.io.
Why is this intended? It looks totally broken and there would be enough place at the original position.
I just checked the docs, wondered why this happened and thought that this would be a bug. I would never thought that this behaves intended! I would understand it if it behaves like this on small screens, but not the opposite.
from daux.io.
Below is a screenshot from the project I'm using it for. Having them floated to the side means I can keep content and examples separated. The content on the left is perfectly valid without the code examples, but they are just off to the side if required.
As mentioned though, this is simply an option and can be turned off.
from daux.io.
I can see how that wound make sense, perhaps the code examples should have some more text in them to show the code just sits beside any documentation there is of it.
Why are there "cutouts" on the left edge of the gray wherever there is code?
from daux.io.
This example makes sense. The example page one the official documentation however has no main content on the left side so I would prefer disabling the "floating" feature there. Otherwise newbies like me are thinking this is not intended and that would have a negative side effect on the product.
Von meinem iPad gesendet
Am 19.07.2013 um 15:19 schrieb "Greg B." [email protected]:
Below is a screenshot from the project I'm using it for. Having them floated to the side means I can keep content and examples separated. The content on the left is perfectly valid without the code examples, but they are just off to the side if required.
As mentioned though, this is simply an option and can be turned off.
—
Reply to this email directly or view it on GitHub.
from daux.io.
Yeah, agreed. I was just noting/stating that as a resolution route for this ticket. (add more text to the example in the repository so that it resembles this example.
from daux.io.
Having the extra content really helps define how the code works so I agree that even some Lorem Ipsum in the example might better show how they function. As for the cutouts (which are done with a 10px border), they help further define where certain blocks start / stop.
For example - in my screenshot there are 2 code blocks directly next to each other, but without the cutout, you might think they were a single code block.
from daux.io.
Even if my main content on the left extends the code, it does not sit next to code. Why is that the case? Please refer to screenshot.
from daux.io.
What does your markdown look like?
The code you want to display next to the text has to go below the text itself. (it looks like you might have the code above the text)
from daux.io.
Oops. That's what I was doing. Moved the code now below the text and it works fine. Thanks.
from daux.io.
Ok, I understand how this works, but I'm not the only one who saw the example pages and thought it was broken - perhaps the pages should explain the behaviour and have more text on the left to demonstrate?
from daux.io.
@darylknight - This has already been suggested further up in the thread.
from daux.io.
@blackpandemic, would you be willing to submit some code/docs for a sample page? You linked your site somewhere at one point, and your docs looks like they would work really well for demonstrating this. (Good mix of code and text, and the subject matter is fairly relevant to Daux.io itself. (Webapps, formatting code, etc))
from daux.io.
@Kisselev Our current internal usage is for the Code Standards Manual I wrote/maintain. I have code floating off at the moment (after polling the crowd here they found it more readable that way) but I'll try and get it up on a public repo so people can pull it down.
from daux.io.
Related Issues (20)
- Add an option to hide 'previous' and 'next' buttons HOT 5
- Not able to set a title for _index.md HOT 3
- Wrong links in readme HOT 4
- Undefined index: jump_buttons HOT 5
- Enhancement: GFM is missing task lists HOT 2
- problems with page jump links, like in TOC, and special chars HOT 1
- Create a daux docker image HOT 2
- tipuesearch shows german umlauts wrong HOT 4
- Add footer to all pages via Processor HOT 2
- Daux.io Website is Down HOT 13
- theme and template specification HOT 2
- Request: automatic conversion from a unc path to file:// HOT 4
- Multi-language Support for Buttons & Search field HOT 2
- Simple custom css HOT 6
- Search bar breaks front page rendering in mobile Opera HOT 1
- New demo for your list HOT 3
- Uploading to confluence throws CA error HOT 1
- Embedded HTML width HOT 1
- Install on an VPS ubuntu or debian via Nginx HOT 2
- How to disable the auto collapse in the navigation panel?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from daux.io.