X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideos%2F%2Bvideo-watch%2Fshared%2Finformation%2Fprivacy-concerns.component.scss;h=f7f9dfd2f4e302cfafc2596f14e33769dbcf2f14;hb=d0fbc9fd0a29c37f3ff9b99030351e90b276fe7d;hp=b42be318f80f6b6cc8275ead296a11335a50e2e3;hpb=6ebdd12f8806edd7076e89c8ea3bcfaf5658b2b6;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+videos/+video-watch/shared/information/privacy-concerns.component.scss b/client/src/app/+videos/+video-watch/shared/information/privacy-concerns.component.scss
index b42be318f..f7f9dfd2f 100644
--- a/client/src/app/+videos/+video-watch/shared/information/privacy-concerns.component.scss
+++ b/client/src/app/+videos/+video-watch/shared/information/privacy-concerns.component.scss
@@ -25,6 +25,13 @@
   }
 }
 
+// Avoid higher z-index when overlay on touchscreens
+:host-context(.menu-open) {
+  .privacy-concerns {
+    z-index: z(overlay) - 1;
+  }
+}
+
 // Or if we are in the small view
 @media screen and (max-width: $small-view) {
   .privacy-concerns {
@@ -43,31 +50,10 @@ a {
   transition: color 0.3s;
 
   &:hover {
-    color: #fff;
+    color: pvar(--mainBackgroundColor);
   }
 }
 
-.privacy-concerns-button {
-  @include margin-left(auto);
-
-  padding: 5px 8px 5px 7px;
-  border-radius: 3px;
-  white-space: nowrap;
-  cursor: pointer;
-  transition: background-color 0.3s;
-  font-weight: $font-semibold;
-
-  &:hover {
-    background-color: #000;
-  }
-}
-
-.privacy-concerns-okay {
-  @include margin-left(10px);
-
-  background-color: pvar(--mainColor);
-}
-
 @media screen and (max-width: 1300px) {
   .privacy-concerns {
     font-size: 12px;