Use dash-case for CSS class names

This commit is contained in:
Daniel Gasienica 2018-04-24 12:06:43 -04:00
parent 9134701f7c
commit 9abf1f0fcd
3 changed files with 5 additions and 5 deletions

View file

@ -100,7 +100,7 @@
</div>
</div>
</div>
<div class='lightboxContainer'></div>
<div class='lightbox-container'></div>
</script>
<script type='text/x-tmpl-mustache' id='scroll-down-button-view'>
<button class='text {{ cssClass }}' alt='{{ moreBelow }}'>

View file

@ -1,4 +1,4 @@
.lightboxContainer {
.lightbox-container {
display: none;
position: absolute;
top: 0;

View file

@ -3,10 +3,10 @@
*/
export const show = (element: HTMLElement): void => {
const container: HTMLDivElement | null = document.querySelector(
'.lightboxContainer'
'.lightbox-container'
);
if (container === null) {
throw new TypeError("'.lightboxContainer' is required");
throw new TypeError("'.lightbox-container' is required");
}
container.innerHTML = '';
container.style.display = 'block';
@ -15,7 +15,7 @@ export const show = (element: HTMLElement): void => {
export const hide = (): void => {
const container: HTMLDivElement | null = document.querySelector(
'.lightboxContainer'
'.lightbox-container'
);
if (container === null) {
return;