search

googlearchive / core-pages

Simple content switcher
7 stars 9 forks source link

core-pages has 0px height not height of its children. #17

Open mwinters-stuff opened 9 years ago

mwinters-stuff commented 9 years ago

This is something I have not figured out a way around.. our design is to have a white board around the content of the app/page, the app/page has core-pages about 1/2 way down, the core-pages does not expand to its content so we get the grey background only 1/2 way down the page..

we have the core-pages in a vertical layout, with a couple of fixed size siblings above then as an example

        <core-pages selected="{{currentTab}}">
          <section class="apage" id="page1">
            <div style="background-color:pink;">
              YYYYYYYYYYYYYYYYY
              <BR>YYYYYYYYYYYYYYYYY
              <BR>YYYYYYYYYYYYYYYYY
              <BR>YYYYYYYYYYYYYYYYY
              <BR>YYYYYYYYYYYYYYYYY
              <BR>YYYYYYYYYYYYYYYYY
              <BR>
            </div>
          </section>
          <section id="page2">
            <div style="background-color:orange;">
              ZZZZZZZZZZZZZZZZZ
              <BR>ZZZZZZZZZZZZZZZZZ
              <BR>ZZZZZZZZZZZZZZZZZ
              <BR>ZZZZZZZZZZZZZZZZZ
              <BR>ZZZZZZZZZZZZZZZZZ
              <BR>ZZZZZZZZZZZZZZZZZ
              <BR> ZZZZZZZZZZZZZZZZZ
        </div>
          </section>
        </core-pages>

the sections become 0px height, where the divs have height, and the core-page is 0px high. remove the sections, and still 0px.. ??