Ticket #7188: 7188-simplify.patch

src/bp-templates/bp-legacy/css/buddypress-rtl.css

@@ -1784 +1784 @@
         border: 1px solid #aaa;
         border-collapse: separate;
         border-radius: 1px;
-        -webkit-box-shadow: -1px 1px 0px 1px rgba(132,132,132,0.3);
-        -moz-box-shadow: -1px 1px 0px 1px rgba(132,132,132,0.3);
         box-shadow: -1px 1px 0px 1px rgba(132,132,132,0.3);
-        color: #333;
+        color: #000;
         content: attr(data-bp-tooltip);
         display: none;
         font-family: sans-serif;
@@ -1795 +1793 @@
         font-weight: normal;
         letter-spacing: normal;
         line-height: 1.5;
-        margin-top: 5px;
+        margin-top: 10px;
         max-width: 200px;
         opacity: 0;
         padding: 3px 6px;
@@ -1807 +1805 @@
         text-transform: none;
         top: 100%;
         transform: translateX(-50%);
-        -webkit-transform: translateX(-50%);
+        transition: opacity 2s ease-out;
         white-space: pre;
         word-wrap: break-word;
         z-index: 998;
 }
 
-.bp-tooltip::before {
-        border: 5px solid transparent;
-        bottom: -5px;
-        content: "";
-        color: #333;
-        display: none;
-        height: 0;
-        margin-left: -5px;
-        opacity: 0;
-        position: absolute;
-        left: 50%;
-        top: auto;
-        width: 0;
-        z-index: 999;
-}
-
-@-webkit-keyframes tooltip-show {
-        from {
-                opacity: 0;
-        }
-        to {
-                opacity: 1;
-        }
-}
-
-@keyframes tooltip-show {
-        from {
-                opacity: 0;
-        }
-        to {
-                opacity: 1;
-        }
-}
-
 .bp-tooltip:hover::before,
 .bp-tooltip:hover::after,
 .bp-tooltip:active::before,
@@ -1854 +1818 @@
 .bp-tooltip:focus::before,
 .bp-tooltip:focus::after {
         display: inline-block;
+        opacity: 1;
         overflow: visible;
         text-decoration: none;
-        -webkit-animation-name: tooltip-show;
-        animation-name: tooltip-show;
-        -webkit-animation-duration: 0.1s;
-        animation-duration: 0.1s;
-        -webkit-animation-fill-mode: forwards;
-        animation-fill-mode: forwards;
-        -webkit-animation-timing-function: ease-in;
-        animation-timing-function: ease-in;
-        -webkit-animation-delay: 0.4s;
-        animation-delay: 0.4s;
         z-index: 999;
 }
 

src/bp-templates/bp-legacy/css/buddypress.css

@@ -1784 +1784 @@
         border: 1px solid #aaa;
         border-collapse: separate;
         border-radius: 1px;
-        -webkit-box-shadow: 1px 1px 0px 1px rgba(132,132,132,0.3);
-        -moz-box-shadow: 1px 1px 0px 1px rgba(132,132,132,0.3);
         box-shadow: 1px 1px 0px 1px rgba(132,132,132,0.3);
-        color: #333;
+        color: #000;
         content: attr(data-bp-tooltip);
         display: none;
         font-family: sans-serif;
@@ -1795 +1793 @@
         font-weight: normal;
         letter-spacing: normal;
         line-height: 1.5;
-        margin-top: 5px;
+        margin-top: 10px;
         max-width: 200px;
         opacity: 0;
         padding: 3px 6px;
@@ -1807 +1805 @@
         text-transform: none;
         top: 100%;
         transform: translateX(50%);
-        -webkit-transform: translateX(50%);
+        transition: opacity 2s ease-out;
         white-space: pre;
         word-wrap: break-word;
         z-index: 998;
 }
 
-.bp-tooltip::before {
-        border: 5px solid transparent;
-        bottom: -5px;
-        content: "";
-        color: #333;
-        display: none;
-        height: 0;
-        margin-right: -5px;
-        opacity: 0;
-        position: absolute;
-        right: 50%;
-        top: auto;
-        width: 0;
-        z-index: 999;
-}
-
-@-webkit-keyframes tooltip-show {
-        from {
-                opacity: 0;
-        }
-        to {
-                opacity: 1;
-        }
-}
-
-@keyframes tooltip-show {
-        from {
-                opacity: 0;
-        }
-        to {
-                opacity: 1;
-        }
-}
-
 .bp-tooltip:hover::before,
 .bp-tooltip:hover::after,
 .bp-tooltip:active::before,
@@ -1854 +1818 @@
 .bp-tooltip:focus::before,
 .bp-tooltip:focus::after {
         display: inline-block;
+        opacity: 1;
         overflow: visible;
         text-decoration: none;
-        -webkit-animation-name: tooltip-show;
-        animation-name: tooltip-show;
-        -webkit-animation-duration: 0.1s;
-        animation-duration: 0.1s;
-        -webkit-animation-fill-mode: forwards;
-        animation-fill-mode: forwards;
-        -webkit-animation-timing-function: ease-in;
-        animation-timing-function: ease-in;
-        -webkit-animation-delay: 0.4s;
-        animation-delay: 0.4s;
         z-index: 999;
 }