Changeset 11586 for trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

Timestamp:

06/10/2017 07:56:32 PM (9 years ago)

Author:

mercime

Message:

Update Star UI with BP tooltips and tooltip information.

Props r-a-y, mercime.
See #7188.

File:

• trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss (modified) (3 diffs)

trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

@@ -1497 +1497 @@
                                 padding-left: 41px;
                                 width: 100%;
-
-                                a::after {
-                                        content: " \2013 \00a0"attr(title);
-                                        @include font-size(12);
-                                }
                         }
 
@@ -1575 +1570 @@
                         }
                 }
+
+                .bp-tooltip:hover::after,
+                .bp-tooltip:active::after,
+                .bp-tooltip:focus::after {
+                        right: 40px;
+                        text-align: right;
+                }
         }
 
@@ -1665 +1667 @@
                                 text-indent: 0;
                         }
+                }
+        }
+
+        .messages-notices {
+
+                .bp-tooltip:hover::after,
+                .bp-tooltip:active::after,
+                .bp-tooltip:focus::after {
+                        left: 0;
+                        margin-top: 10px;
+                        max-width: 240px;
+                        right: auto;
+                        text-align: left;
+                        transform: translateX(0);
                 }
         }