Use dash-case
for CSS class names
This commit is contained in:
parent
9134701f7c
commit
9abf1f0fcd
3 changed files with 5 additions and 5 deletions
|
@ -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 }}'>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
.lightboxContainer {
|
||||
.lightbox-container {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue