Move all styles to style.scss

SkyCascade · Oct 5, 2024 · 7c7376c · 7c7376c
1 parent efdd08f
commit 7c7376c
Show file tree

Hide file tree

Showing 16 changed files with 179 additions and 160 deletions.
diff --git a/static/css/style.min.css b/static/css/style.min.css
diff --git a/static/css/style.min.css.map b/static/css/style.min.css.map
diff --git a/static/scss/style.scss b/static/scss/style.scss
@@ -139,6 +139,7 @@ body {
   transition: 0.3s;
 
   .nav-wrapper {
+    // height: 56px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
@@ -1134,3 +1135,169 @@ a {
 .activities ul li {
   list-style-type: disc;
 }
+
+.top-side {
+  background-size: cover;
+  background-position: top center;
+}
+
+.color-indicator {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border-radius: 2px;
+}
+
+.bg-purple {
+  background-color: #6f42c1;
+}
+
+.card-header-ne {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.card-header-ne .title {
+  vertical-align: middle;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.table th,
+.table td {
+  padding: 8px;
+  border: 1px solid #ddd; /* Add thin borders for separation */
+  text-align: left;
+}
+
+.table th {
+  background-color: #f2f2f2;
+}
+
+.title-1 {
+  font-size: 24px;
+  margin-bottom: 16px;
+}
+
+.text-danger {
+  color: red;
+}
+
+a {
+  color: black;
+  text-decoration: none;
+}
+
+.user-picture {
+  width: 100px;
+  height: 100px;
+  border: 3px solid #fff;
+  margin-top: -50px;
+  object-fit: cover;
+}
+
+table .info {
+  margin-left: -240px;
+}
+
+/* Specific to the .dashboard-description class */
+.dashboard-description strong {
+  font-weight: 600;
+}
+
+/* Adjustments for headers within cards */
+.card .h5 {
+  font-size: 1.25rem;
+  color: #333;
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.table th,
+.table td {
+  padding: 8px;
+  border: 1px solid #ddd; /* Add thin borders for separation */
+  text-align: left;
+}
+
+.table th {
+  background-color: #f2f2f2;
+}
+
+.title-1 {
+  font-size: 24px;
+  margin-bottom: 16px;
+}
+
+.text-danger {
+  color: red;
+}
+
+a {
+  color: black;
+  text-decoration: none;
+}
+
+.bg-light-warning {
+  background-color: rgb(252, 217, 111) !important;
+}
+
+#progress-main {
+  display: none;
+}
+
+.session-wrapper {
+  position: relative;
+}
+.session {
+  position: absolute;
+  top: -15px;
+  right: 25px;
+  z-index: 2;
+}
+.br-orange {
+  border: 1px solid #fd7e14;
+  border-radius: 7px;
+}
+.class-item {
+  display: block;
+  border-left: 4px solid #6cbd45;
+  padding: 1rem !important;
+  background: #f8f9fa;
+  border-radius: 3px;
+  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
+  transition: 0.5s;
+}
+.class-item p {
+  padding: 2px;
+  margin: 0;
+  color: #b4b4b4;
+  transition: 0.5s;
+}
+.class-item a {
+  padding: 2px;
+  color: #343a40;
+  text-decoration: none;
+  transition: 0.5s;
+}
+.class-item:hover {
+  transform: translateX(15px);
+}
+
+video {
+  max-width: 100%;
+  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
+    0 2px 10px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16),
+    0px 2px 10px 0px rgba(0, 0, 0, 0.12);
+}
diff --git a/templates/base.html b/templates/base.html
@@ -26,7 +26,7 @@
 
 <body>
     {% block sidebar %}
-        {% include 'aside.html' %}
+        {% include 'sidebar.html' %}
     {% endblock %}
 
     {% block maincontent %}

diff --git a/templates/core/index.html b/templates/core/index.html
@@ -5,30 +5,6 @@
 
 {% block content %}
 
-<style>
-    .color-indicator {
-        display: inline-block;
-        width: 10px;
-        height: 10px;
-        border-radius: 2px;
-    }
-
-    .bg-purple {
-        background-color: #6f42c1;
-    }
-
-    .card-header-ne {
-        position: relative;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-
-    .card-header-ne .title {
-        vertical-align: middle;
-    }
-</style>
-
 <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
     <ol class="breadcrumb">
       <li class="breadcrumb-item active" aria-current="page">{% trans 'Home' %}</li>

diff --git a/templates/pdf/lecturer_list.html b/templates/pdf/lecturer_list.html
@@ -1,36 +1,5 @@
 {% block content %}
 {% load i18n %}
-<style>
-  .table {
-    width: 100%;
-    border-collapse: collapse;
-  }
-
-  .table th, .table td {
-    padding: 8px;
-    border: 1px solid #ddd; /* Add thin borders for separation */
-    text-align: left;
-  }
-
-  .table th {
-    background-color: #f2f2f2;
-  }
-
-  .title-1 {
-    font-size: 24px;
-    margin-bottom: 16px;
-  }
-
-  .text-danger {
-    color: red;
-  }
-
-  a {
-    color: black;
-    text-decoration: none;
-  }
-
-</style>
 
 <p class="title-1">{% trans 'Lecturers' %}</p>
 

diff --git a/templates/pdf/profile_single.html b/templates/pdf/profile_single.html
@@ -1,33 +1,6 @@
 {% block content %}
 {% load i18n %}
 
-<style>
-.user-picture {
-  width: 100px;
-  height: 100px;
-  border: 3px solid #fff;
-  margin-top: -50px;
-  object-fit: cover;
-}
-
-table .info{
-    margin-left: -240px;
-}
-
-/* Specific to the .dashboard-description class */
-.dashboard-description strong {
-  font-weight: 600;
-}
-
-/* Adjustments for headers within cards */
-.card .h5 {
-  font-size: 1.25rem;
-  color: #333;
-  margin-top: 15px;
-  margin-bottom: 15px;
-}
-</style>
-
 {% if user.is_authenticated %}
 <div class="row">
   <div class="card-header">

diff --git a/templates/pdf/student_list.html b/templates/pdf/student_list.html
@@ -1,36 +1,5 @@
 {% block content %}
 {% load i18n %}
-<style>
-  .table {
-    width: 100%;
-    border-collapse: collapse;
-  }
-
-  .table th, .table td {
-    padding: 8px;
-    border: 1px solid #ddd; /* Add thin borders for separation */
-    text-align: left;
-  }
-
-  .table th {
-    background-color: #f2f2f2;
-  }
-
-  .title-1 {
-    font-size: 24px;
-    margin-bottom: 16px;
-  }
-
-  .text-danger {
-    color: red;
-  }
-
-  a {
-    color: black;
-    text-decoration: none;
-  }
-
-</style>
 
 <p class="title-1">{% trans 'Students' %}</p>
 

diff --git a/templates/quiz/progress.html b/templates/quiz/progress.html
@@ -13,6 +13,8 @@
     </ol>
 </nav>
 
+<p class="title-1"><i class="fas fa-record-vinyl"></i>{% trans 'Quiz Progress Rec' %}</p>
+
   {% if cat_scores %}
 
   <div class="header-title text-center">{% trans "Question Category Scores" %}</div>
@@ -53,7 +55,11 @@
 
   <div class="header-title-xl">{% trans "Previous exam papers" %}</div>
   <p class="lead fw-bold">
-	{% trans "Below are the results of exams that you have sat." %}
+	{% if request.user.is_superuser %}
+	{% trans "Student exam results" %}
+	{% else %}
+	{% trans "Below are the results of exams that you have sat" %}
+	{% endif %}
   </p>
   <div class="text-light bg-secondary mb-2 p-1">{% trans 'Total complete exams:' %} {{ exams_counter }}</div>
 <div class="table-responsive">