style: migrate style overrides from internal css to external css

openedx · Jan 29, 2025 · 44a03d4 · 44a03d4
1 parent 5418e10
commit 44a03d4
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 32 deletions.
diff --git a/course_discovery/apps/tagging/templates/tagging/base.html b/course_discovery/apps/tagging/templates/tagging/base.html
@@ -1,3 +1,4 @@
+{% load static %}
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -10,39 +11,8 @@
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
     <script src="https://unpkg.com/htmx.org"></script>
+    <link href="{% static 'css/tagging.css' %}" rel="stylesheet">
 </head>
-<style>
-    .site-header .active {
-        border-bottom: 2px solid #454545;
-    }
-    .page-link {
-       color:  #00262b;
-       transition: color 0.3s ease;
-    }
-    .page-link:hover {
-        color: #00404a;
-        background: floralwhite !important;
-    }
-    .active > .page-link,
-    .page-link.active {
-        border-color: #00262b;
-    }
-    .active-link {
-        background-color: #00404a !important;
-    }
-    .btn-primary {
-        background-color: #00262b !important;
-        transition: background-color 0.3s ease;
-        border: 1px solid #00262b;
-    }
-    .btn-primary:hover {
-        background-color: #00404a !important;
-        border: 1px solid #00404a;
-    }
-    a {
-        color: #00404a;
-    }
-</style>
 <body>
     <header class="site-header mb-3 py-3 border-bottom border-gray-300">
         <div class="container">

diff --git a/course_discovery/static/css/tagging.css b/course_discovery/static/css/tagging.css
@@ -0,0 +1,30 @@
+.site-header .active {
+    border-bottom: 2px solid #454545;
+}
+.page-link {
+   color:  #00262b;
+   transition: color 0.3s ease;
+}
+.page-link:hover {
+    color: #00404a;
+    background: floralwhite !important;
+}
+.active > .page-link,
+.page-link.active {
+    border-color: #00262b;
+}
+.active-link {
+    background-color: #00404a !important;
+}
+.btn-primary {
+    background-color: #00262b !important;
+    transition: background-color 0.3s ease;
+    border: 1px solid #00262b;
+}
+.btn-primary:hover {
+    background-color: #00404a !important;
+    border: 1px solid #00404a;
+}
+a {
+    color: #00404a;
+}