diff --git a/pica/components/css/pi-app.css b/pica/components/css/pi-app.css index 6856bec..358a00e 100644 --- a/pica/components/css/pi-app.css +++ b/pica/components/css/pi-app.css @@ -3,7 +3,30 @@ * Use of this source code is governed by a BSD-style * license that can be found in the LICENSE file. */ -#panels, #contentPanels { + @host { + :scope { + /* fit to container */ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + + /* layout content using flexbox */ + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-flex-flow: column; + flex-direction: column; + + /* convenient defaults */ + font-family: 'Helvetica Neue', Helvetica, Arial, 'open sans', sans-serif; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + } + } + +#panels, #contentPanels, #Topics { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; diff --git a/pica/components/pi-app.html b/pica/components/pi-app.html index 19e8890..f810f4f 100644 --- a/pica/components/pi-app.html +++ b/pica/components/pi-app.html @@ -5,11 +5,9 @@ * license that can be found in the LICENSE file. */ --> - - @@ -17,7 +15,7 @@ - +