Commit d40f25cc authored by David Trattnig's avatar David Trattnig
Browse files

Add ability to globally style demo containers

parent a662f472
......@@ -7,17 +7,13 @@ body {
}
#common-area {
margin-bottom: 100px;
margin-bottom: 0;
padding: 16px 32px;
background-color: rgba(0, 0, 0, 0.88);
color: white;
font-family: Helvetica, sans-serif;
}
body > *:not(#common-area) {
margin: 24px;
}
#common-area img#aura-logo {
filter: invert(1);
margin: 0 0 8px 0;
......@@ -35,3 +31,9 @@ body > *:not(#common-area) {
#common-area a:hover {
text-decoration: underline;
}
/** Componentent Containers **/
.component-container {
margin: 32px;
}
\ No newline at end of file
......@@ -32,7 +32,7 @@
<aura-service-worker></aura-service-worker>
<div id="category-list"></div>
<div id="category-list" class="component-container"></div>
<script>
/** Inject component into HTML **/
document.addEventListener('DOMContentLoaded', function (event) {
......
......@@ -157,7 +157,7 @@
<h2>Player Component</h2>
<hr />
<div id="aura-player"></div>
<div id="aura-player" class="component-container"></div>
<script>
/** Inject component into HTML **/
document.addEventListener('DOMContentLoaded', function (event) {
......
......@@ -33,7 +33,7 @@
<aura-service-worker></aura-service-worker>
<div id="host-detail"></div>
<div id="host-detail" class="component-container"></div>
<script>
var idsWithBioAndPic = [1395089, 1786136, 1401949, 633034, 1514733, 1355756, 1678687, 1916871, 697573, 727103, 951412, 1493554, 656180, 648963, 1355738, 640492, 180869, 46594, 1993274, 1462405, 42144, 298890, 38534, 142517, 707050, 415467, 948229, 33475, 1505781, 1462720, 504809, 634320, 1311191, 1726906, 1406078, 1965078, 1174765, 1068737, 1172955, 42150, 622851, 1879791, 2026562, 42209, 1879795, 1873053, 1290417, 1012027, 42073, 1401562, 1571533, 1358108, 1199598, 40548, 1399390, 1992787, 1318318, 792076, 207795, 782558, 1611593, 42300];
var randomId =
......
......@@ -32,7 +32,7 @@
<aura-service-worker></aura-service-worker>
<div id="host-list"></div>
<div id="host-list" class="component-container"></div>
<script>
/** Inject component into HTML **/
document.addEventListener('DOMContentLoaded', function (event) {
......
......@@ -53,7 +53,7 @@
<aura-service-worker></aura-service-worker>
<div id="online-status-container"></div>
<div id="online-status-container" class="component-container"></div>
<script>
/** Inject component into HTML **/
document.addEventListener('DOMContentLoaded', function (event) {
......
......@@ -32,7 +32,7 @@
<aura-service-worker></aura-service-worker>
<div id="aura-player"></div>
<div id="aura-player" class="component-container"></div>
<script>
/** Inject component into HTML **/
document.addEventListener('DOMContentLoaded', function (event) {
......
......@@ -33,7 +33,7 @@
<aura-service-worker></aura-service-worker>
<div id="aura-programme-cards"></div>
<div id="aura-programme-cards" class="component-container"></div>
<script>
/** Inject component into HTML **/
document.addEventListener('DOMContentLoaded', function (event) {
......
......@@ -33,7 +33,7 @@
<aura-service-worker></aura-service-worker>
<div id="aura-programme-paper"></div>
<div id="aura-programme-paper" class="component-container"></div>
<script>
/** Inject component into HTML **/
document.addEventListener('DOMContentLoaded', function (event) {
......
......@@ -33,7 +33,7 @@
<aura-service-worker></aura-service-worker>
<div id="show-detail"></div>
<div id="show-detail" class="component-container"></div>
<script>
var idsWithBioAndPic = ['female-pressure']
var randomId =
......
......@@ -32,7 +32,7 @@
<aura-service-worker></aura-service-worker>
<div id="show-list"></div>
<div id="show-list" class="component-container"></div>
<script>
/** Inject component into HTML **/
document.addEventListener('DOMContentLoaded', function (event) {
......
......@@ -32,7 +32,7 @@
<aura-service-worker></aura-service-worker>
<div id="aura-trackservice"></div>
<div id="aura-trackservice" class="component-container"></div>
<script>
/** Inject component into HTML **/
document.addEventListener('DOMContentLoaded', function (event) {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment