fix(Themes): Use semantic selectors, comment setTimeout usage

stencila · Oct 7, 2019 · 9b2da0c · 9b2da0c
1 parent 80dac6d
commit 9b2da0c
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 4 deletions.
diff --git a/src/common/js/index.ts b/src/common/js/index.ts
@@ -51,6 +51,9 @@ export const formatReferences = (): void => {
 
 const onReadyHandler = (): void => {
   codeHighlight()
+  // Use setTimeout to queue formatReferences until
+  // the current call stack gets executed (allow DOM elements
+  // to load before rearranging references for theme styles)
   window.setTimeout(formatReferences, 0)
 }
 

diff --git a/src/designa/mixins/CreativeWork.css b/src/designa/mixins/CreativeWork.css
@@ -11,7 +11,7 @@
 
   :--references > :--CreativeWork {
     :--authors {
-      li::after {
+      :--author::after {
         content: normal;
       }
     }

diff --git a/src/themes/eLife/styles.css b/src/themes/eLife/styles.css
@@ -334,7 +334,7 @@ blockquote {
       @mixin list-separated '; ';
       font-size: 14px;
 
-      li > * {
+      :--Organization > * {
         display: inline;
       }
     }

diff --git a/src/themes/nature/styles.css b/src/themes/nature/styles.css
@@ -444,7 +444,7 @@ blockquote {
     :--organizations {
       @mixin list-separated '; ';
 
-      li > * {
+      :--Organization > * {
         display: inline;
       }
     }

diff --git a/src/themes/plos/styles.css b/src/themes/plos/styles.css
@@ -40,7 +40,7 @@
       margin-top: 1.25rem;
       display: block;
 
-      li > * {
+      :--Organization > * {
         display: inline;
       }
     }