Fix toast close icon

diff --git a/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html b/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html
index fac81bd26b6d7a40d7512ded4833efafa8207522..9f942c4b3a377dac37616eb073d6dc7e02fb4116 100644 (file)
--- a/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html
+++ b/client/src/app/+admin/plugins/plugin-search/plugin-search.component.html
@@ -41,7 +41,7 @@
           <my-global-icon iconName="home"></my-global-icon>
         </a>
 
-        <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="'https://www.npmjs.com/package/peertube-plugin-' + plugin.name" i18n-title title="Go to the plugin homepage">
+        <a class="plugin-icon" target="_blank" rel="noopener noreferrer" [href]="'https://www.npmjs.com/package/peertube-plugin-' + plugin.name" i18n-title title="Go to the plugin npm package">
           <my-global-icon iconName="npm"></my-global-icon>
         </a>
 

diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index e2c4532280eea0b49c31ddeb6c7fb1f444d2c5f6..fbba2ad5ce99f7575a62b2d7a07668861103fe2b 100644 (file)
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -413,6 +413,19 @@ p-toast {
     z-index: z(notification) !important;
   }
 
+  .ui-toast-close-icon {
+    font-family: "Glyphicons Halflings";
+
+    opacity: .5;
+    &:hover {
+      opacity: .8;
+    }
+
+    &:after {
+      content: "\e014";
+    }
+  }
+
   .ui-toast-message {
     font-family: $main-fonts;
     background-color: var(--mainBackgroundColor) !important;