#4250 Wiki preview is slightly narrower than actual

v1.0.0
closed
Wiki
Cory Johns
2015-08-20
2012-05-18
No

The following fits side-by-side on a wiki page with sidebar, but when previewing it, the 2nd div goes below the first.

<div class="grid-10">
blah 
</div>
<div class="grid-8">
blah
</div>

Discussion

  • Jenny Steele

    Jenny Steele - 2012-05-21
    • status: open --> in-progress
    • assigned_to: Jenny Steele
    • size: --> 1

    • status: in-progress --> code-review

    • qa: Cory Johns
     
  • Jenny Steele

    Jenny Steele - 2012-05-21

    On allura js/4250

     
  • Cory Johns

    Cory Johns - 2012-05-21
    • status: code-review --> closed
     
  • Dave Brondsema

    Dave Brondsema - 2012-07-18

    Reopening for further fixes. I noticed that 2 columns, grid-10 and grid-9 will fits when viewing the page regularly, but doesn't quite fit when previewing.

     
  • Dave Brondsema

    Dave Brondsema - 2012-07-18
    • status: closed --> in-progress
    • assigned_to: Jenny Steele --> Dave Brondsema
    • qa: Cory Johns --> nobody
    • milestone: forge-jun-01 --> forge-jul-27
     
  • Dave Brondsema

    Dave Brondsema - 2012-07-18

    allura:db/4250

    When pushed to prod, we need to validate that the Adobe's neighborhood is working exactly right.

    If a wiki page is using grids, then that wiki page should also put <div class="nested-grid-container"> in its page. Then 20 grid widths will fit in it. Note: I found that a <div class="grid-10"> with text immediately after it will be flush to the left with no spacing because no <p> is created for the text. If you place a blank line after the <div> and before the text, then markdown processing puts a <p> around that text and it looks good. I'll document these on [#4248]

     
  • Dave Brondsema

    Dave Brondsema - 2012-07-18
    • labels: nbhd home --> nbhd home, adobe
    • status: in-progress --> code-review
    • qa: Cory Johns
     
  • Cory Johns

    Cory Johns - 2012-07-19
    • status: code-review --> closed
     

Log in to post a comment.