From: loma-one <44441246+loma-one@users.noreply.github.com>
Date: Wed, 7 Aug 2024 11:57:13 +0000 (+0200)
Subject: Template and css separated
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=5cc3b1f2f5f636fae23954cf91597c748ced6ecc;p=friendica.git

Template and css separated
---

diff --git a/view/templates/notifications/notification.tpl b/view/templates/notifications/notification.tpl
index 5ebf3c2d10..edd57ae0e0 100644
--- a/view/templates/notifications/notification.tpl
+++ b/view/templates/notifications/notification.tpl
@@ -1,28 +1,8 @@
 
-<style>
-	/* Flexbox layout to align the icon and text in a single line */
-	.notif-item a {
-		display: flex;
-		align-items: flex-start; /* Aligns items at the start of the flex container */
-	}
-
-	/* Margin to create space between the icon and the text */
-	.notif-image {
-		margin-right: 10px; /* Adjust the space between the icon and text as needed */
-
-		}
-
-	/* Styles to ensure the text wraps properly after 70 characters */
-	.notif-text {
-		display: inline-block; /* Allows the text to be constrained within a block-level element */
-		max-width: 70ch; /* Limits the maximum width of the text to 70 characters */
-		overflow-wrap: break-word; /* Ensures that words will break if necessary to fit the width */
-	}
-</style>
-
 <div class="notif-item {{if !$item_seen}}unseen{{/if}}" {{if $item_seen}}aria-hidden="true"{{/if}}>
 	<a href="{{$notification.link}}">
 		<img src="{{$notification.image}}" aria-hidden="true" class="notif-image">
+		<link rel="stylesheet" href="view/global.css">
 		<span class="notif-text">{{$notification.text}}</span>
 		<span class="notif-when">{{$notification.ago}}</span>
 	</a>