add aria-hidden to non-descriptive icons (#2844)

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / misc / help.component.scss

diff --git a/client/src/app/shared/misc/help.component.scss b/client/src/app/shared/misc/help.component.scss
index 4565d457ab8653ed57890c0a4ffd4f324b7e6029..3c8b66cd5b283d6da2cefe4c2ac2480df9996546 100644 (file)
--- a/client/src/app/shared/misc/help.component.scss
+++ b/client/src/app/shared/misc/help.component.scss
@@ -10,23 +10,26 @@
     position: relative;
     top: -2px;
     margin: 5px;
+
+    @include apply-svg-color(var(--mainForegroundColor))
   }
 }
 
-/deep/ {
+::ng-deep {
   .help-popover {
+    z-index: z(help-popover) !important;
     max-width: 300px;
 
     .popover-body {
+      font-family: $main-fonts;
       text-align: left;
       padding: 10px;
       font-size: 13px;
-      font-family: $main-fonts;
-      background-color: #fff;
-      color: #000;
-      box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
+      background-color: var(--mainBackgroundColor);
+      color: var(--mainForegroundColor);
+      border-radius: 3px;
 
-      p:last-child {
+      p {
         margin-bottom: 0;
       }