Show default styling url when nothing is selected (fixes #486) (Closes #500)

master
Alexander Surma 2015-06-26 16:14:50 +01:00 committed by Addy Osmani
parent 16b6bd6430
commit 40e99ba41a
3 changed files with 9 additions and 7 deletions

View File

@ -109,10 +109,12 @@
width: 100%;
box-sizing: border-box;
}
.mdl-gen__cdn .demo-code code {
visibility: hidden;
.mdl-gen__cdn .demo-code .mdl-gen__cdn-link{
display: none;
}
.mdl-gen__cdn .demo-code code.visible {
visibility: visible;
.mdl-gen__cdn .demo-code .visible {
display: block;
}
.mdl-gen__cdn .demo-code .visible + .mdl-gen__placeholder {
display: none;
}

View File

@ -5,7 +5,7 @@ function init() {
'use strict';
var wheel = document.querySelector('#wheel > svg');
var cdn = document.querySelector('.mdl-gen__cdn code');
var cdn = document.querySelector('.mdl-gen__cdn .mdl-gen__cdn-link');
new MaterialCustomizer(wheel, cdn);
}

View File

@ -67,7 +67,7 @@
</div>
</div>
<div class="mdl-gen__cdn mdl-cell mdl-cell--12-col">
<pre class="demo-code language-markup"><code class="language-markup" data-language="markup"> &lt;link rel="stylehsheet" href="$$hosted_libs_prefix$$/$$version$$/material.$primary-$accent.min.css" /&gt; </code></pre>
<pre class="demo-code language-markup"><code class="language-markup mdl-gen__cdn-link" data-language="markup"> &lt;link rel="stylehsheet" href="$$hosted_libs_prefix$$/$$version$$/material.$primary-$accent.min.css" /&gt; </code><code class="language-markup mdl-gen__placeholder" data-language="markup"> &lt;link rel="stylehsheet" href="$$hosted_libs_prefix$$/$$version$$/material.indigo-pink.min.css" /&gt; </code></pre>
</div>
</div>
</div>