From ad22a665c34c1723da12bcb08eb024efc916cf92 Mon Sep 17 00:00:00 2001
From: Jan-Hendrik Willms <tleilax+studip@gmail.com>
Date: Thu, 15 Aug 2024 06:55:46 +0000
Subject: [PATCH] make .my-courses-navigation css available globally again,
fixes #4451, fixes #4412
Closes #4451 and #4412
Merge request studip/studip!3247
---
.../assets/stylesheets/scss/my_courses.scss | 41 +++++++++++++++++
.../vue/components/MyCoursesNavigation.vue | 44 -------------------
2 files changed, 41 insertions(+), 44 deletions(-)
diff --git a/resources/assets/stylesheets/scss/my_courses.scss b/resources/assets/stylesheets/scss/my_courses.scss
index 769f3d2af1e..62c3be81367 100644
--- a/resources/assets/stylesheets/scss/my_courses.scss
+++ b/resources/assets/stylesheets/scss/my_courses.scss
@@ -57,3 +57,44 @@ form.default .mycourses-group-selector {
}
}
}
+
+$icon-padding: 3px;
+
+.my-courses-navigation {
+ list-style: none;
+ margin: 0 0 -10px;
+ padding: 0;
+
+ display: flex;
+ flex-wrap: wrap;
+}
+.my-courses-navigation-item {
+ margin: 0 3px 10px 0;
+
+ a {
+ display: inline-block;
+ padding: $icon-padding;
+ }
+
+ &:last-child {
+ margin-right: 0;
+ }
+
+ img {
+ vertical-align: bottom;
+ }
+
+ .empty-slot {
+ display: inline-block;
+ padding-left: $icon-padding;
+ padding-right: $icon-padding;
+ }
+}
+.my-courses-navigation-important {
+ $border-width: 1px;
+ border: $border-width solid var(--red);
+
+ a {
+ padding: $icon-padding - $border-width;
+ }
+}
diff --git a/resources/vue/components/MyCoursesNavigation.vue b/resources/vue/components/MyCoursesNavigation.vue
index aa36499facc..e782c7a60f6 100644
--- a/resources/vue/components/MyCoursesNavigation.vue
+++ b/resources/vue/components/MyCoursesNavigation.vue
@@ -27,47 +27,3 @@ export default {
}
}
</script>
-
-<style lang="scss">
-$icon-padding: 3px;
-
-.my-courses-navigation {
- list-style: none;
- margin: 0;
- margin-bottom: -10px;
- padding: 0;
-
- display: flex;
- flex-wrap: wrap;
-}
-.my-courses-navigation-item {
- margin: 0 3px 10px 0;
-
- a {
- display: inline-block;
- padding: $icon-padding;
- }
-
- &:last-child {
- margin-right: 0;
- }
-
- img {
- vertical-align: bottom;
- }
-
- .empty-slot {
- display: inline-block;
- padding-left: $icon-padding;
- padding-right: $icon-padding;
- }
-}
-.my-courses-navigation-important {
- $border-width: 1px;
- border: $border-width solid var(--red);
-
- a {
- padding: $icon-padding - $border-width;
- }
-}
-</style>
--
GitLab