From 11cac210223991170204f12de9c9869a9b3b80b0 Mon Sep 17 00:00:00 2001
From: VIktorGrev <viktog2210@gmail.com>
Date: Fri, 3 May 2024 22:04:33 +0200
Subject: [PATCH] style: Adding text wrap to notification
---
src/components/BaseComponents/NavBar.vue | 11 ++++++++++-
src/components/UserProfile/MyProfile.vue | 6 ++++++
2 files changed, 16 insertions(+), 1 deletion(-)
diff --git a/src/components/BaseComponents/NavBar.vue b/src/components/BaseComponents/NavBar.vue
index 0893ea1..27a9753 100644
--- a/src/components/BaseComponents/NavBar.vue
+++ b/src/components/BaseComponents/NavBar.vue
@@ -51,7 +51,7 @@
<img :src="notificationImageMapper[String(item.notificationType)]" alt="Varslingsikon" class="notification-icon">
</div>
<div class="flex-grow-1 ms-3">
- <div class="not-item dropdown-item text-wrap">{{item.message}}</div>
+ <div class="not-item dropdown-item" id="notificationText">{{item.message}}</div>
</div>
</router-link>
</li>
@@ -491,5 +491,14 @@ onMounted(() => {
display: none;
}
+#notificationText {
+ text-wrap: nowrap;
+}
+
+@media (max-width: 768px) {
+ #notificationText {
+ text-wrap: wrap;
+ }
+}
</style>
\ No newline at end of file
diff --git a/src/components/UserProfile/MyProfile.vue b/src/components/UserProfile/MyProfile.vue
index c6922f1..e6a4871 100644
--- a/src/components/UserProfile/MyProfile.vue
+++ b/src/components/UserProfile/MyProfile.vue
@@ -345,6 +345,12 @@ const toUpdateUserSettings = () => {
background-color: #00DBDE;
}
+.classyButton {
+ background-color: #003A58;
+ border: #003A58;
+ color: white;
+}
+
.classyButton:hover {
background-color: #003b58ec;
border: #003A58;
--
GitLab