Move all inline CSS to main.css file

Signed-off-by: tdruez <[email protected]>

Author: tdruez

scancodeio/static/main.css

@@ -367,6 +367,21 @@ progress.file-upload::before {
 textarea.is-dynamic {
   min-height: 70px;
 }
+#project-list-header ul#id_is_archived {
+  display: inline-flex;
+}
+#project-list-header ul#id_is_archived li {
+  margin-right: 1rem;
+}
+#project-list-header ul#id_is_archived li a {
+  color: var(--bulma-grey);
+}
+#project-list-header ul#id_is_archived li a:hover {
+  text-decoration: underline;
+}
+#project-list-header ul#id_is_archived li a.is-active {
+  color: var(--bulma-text);
+}
 #project-extra-data figure.highlight {
   overflow-y: scroll;
 }
@@ -406,6 +421,17 @@ textarea.is-dynamic {
 #codebase-relation-list th#column-map_type {
   width: 145px;
 }
+#dependency-tree.tree {
+  line-height: 1.8rem;
+  --spacing : 2rem;
+}
+#dependency-tree.tree summary {
+  display: inline-block;
+}
+#dependency-tree.tree summary::before{
+  background-color: rgb(72, 199, 142);
+  background-image: url('{% static "iamkate-tree-views/expand-collapse.svg" %}');
+}
 #resource-viewer #editor {
   min-height:730px;
   border: var(--bulma-grey) 1px solid;

scanpipe/templates/scanpipe/base.html

@@ -17,7 +17,7 @@
     {% include 'scanpipe/modals/search_syntax_modal.html' %}
     <script src="{% static 'main.js' %}" crossorigin="anonymous"></script>
     <script src="{% static 'fontawesome-6.7.2/all.min.js' %}" crossorigin="anonymous" defer></script>
-    <script src="{% static 'highlight-10.6.0.min.js' %}" crossorigin="anonymous"></script>
+    <script src="{% static 'highlight-10.6.0.min.js' %}" crossorigin="anonymous" defer></script>
     <script src="{% static 'bulma-toast-2.4.1.min.js' %}" crossorigin="anonymous" defer></script>
     {% htmx_script %}
     {% block scripts %}{% endblock %}

scanpipe/templates/scanpipe/project_dependency_tree.html

@@ -4,20 +4,7 @@
 {% block title %}ScanCode.io: {{ project.name }} - Dependency tree{% endblock %}
 
 {% block extrahead %}
-<link rel="stylesheet" href="{% static 'iamkate-tree-views/tree.css' %}" crossorigin="anonymous">
-<style>
-  .tree {
-    line-height: 1.8rem;
-    --spacing : 2rem;
-  }
-  .tree summary {
-    display: inline-block;
-  }
-  .tree summary::before{
-    background-color: rgb(72, 199, 142);
-    background-image: url('{% static "iamkate-tree-views/expand-collapse.svg" %}');
-  }
-</style>
+  <link rel="stylesheet" href="{% static 'iamkate-tree-views/tree.css' %}" crossorigin="anonymous">
 {% endblock %}
 
 {% block content %}
@@ -68,7 +55,7 @@
         </button>
       </div>
 
-      <ul id="tree" class="tree">
+      <ul id="dependency-tree" class="tree">
         <li>
           <details open>
             <summary class="has-text-weight-semibold">

scanpipe/templates/scanpipe/project_list.html

@@ -3,24 +3,14 @@
 
 {% block title %}ScanCode.io: Projects{% endblock %}
 
-{% block extrahead %}
-  <style>
-    ul#id_is_archived {display: inline-flex;}
-    ul#id_is_archived li {margin-right: 1rem;}
-    ul#id_is_archived li a {color: #7a7a7a;}
-    ul#id_is_archived li a:hover {text-decoration: underline;}
-    ul#id_is_archived li a.is-active {color: var(--bulma-text);}
-  </style>
-{% endblock %}
-
 {% block content %}
   <div class="container is-max-widescreen">
     {% include 'scanpipe/includes/navbar_header.html' %}
     <div class="mx-5 mb-2">{% include 'scanpipe/includes/messages.html' %}</div>
 
     <section class="mx-5 mb-5">
       <div class="is-flex is-justify-content-space-between mb-2">
-        <div>
+        <div id="project-list-header">
           {% include 'scanpipe/includes/breadcrumb.html' %}
           {{ filter.form.is_archived }}
           {% if filter.is_active %}