sources: factor out 'Fetch source data' box into view component.

2021-02-25 18:54:15 -06:00
parent 0eea654a48
commit e1ef94faf7
13 changed files with 74 additions and 59 deletions
--- a/app/components/source_data_component/source_data_component.scss
+++ b/app/components/source_data_component/source_data_component.scss
@@ -0,0 +1,20 @@
+div.source-data {
+  border-radius: 4px;
+  border: 1px solid var(--fetch-source-data-border-color);
+
+  &:not(.loading) .source-data-loading { display: none; }
+  &.loading .source-data-content { display: none; }
+  &.loading .source-data-fetch { display: none; }
+
+  ul {
+    display: inline-block;
+  }
+
+  dt, dd, li {
+    display: inline;
+  }
+
+  dt, .source-data-tags li {
+    margin-right: 1em;
+  }
+}