Changeset 11586 for trunk/src/bp-templates/bp-legacy/css/twentytwelve.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/twentytwelve.scss (modified) (4 diffs)

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

@@ -1887 +1887 @@
 
                         .message-metadata {
-                                overflow: hidden;
+
+                                &::after {
+                                        clear: both;
+                                        content: "";
+                                        display: table;
+                                }
 
                                 img.avatar {
@@ -1922 +1927 @@
                         .alt {
                                 background: $content-background;
+                        }
+
+                        .bp-tooltip:hover::after,
+                        .bp-tooltip:active::after,
+                        .bp-tooltip:focus::after {
+                                right: 40px;
+                                text-align: right;
                         }
 
@@ -1986 +1998 @@
                                         padding-left: 41px;
                                         width: 100%;
-
-                                        a::after {
-                                                content: " \2016 \00a0"attr(title);
-                                                @include font-size(12);
-                                        }
                                 }
 
@@ -2462 +2469 @@
                 } // .notifications, .message-notices
 
+                .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);
+                        }
+                }
+
         } // #buddypress
 } // .bp-user