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

Timestamp:

06/10/2017 07:56:32 PM (8 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/twentythirteen.scss (modified) (4 diffs)

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

@@ -1847 +1847 @@
 
             .message-metadata {
-                overflow: hidden;
+
+                &::after {
+                    clear: both;
+                    content: "";
+                    display: table;
+                }
 
                 img.avatar {
@@ -1882 +1887 @@
             .alt {
                 background: $content-background;
+            }
+
+            .bp-tooltip:hover::after,
+            .bp-tooltip:active::after,
+            .bp-tooltip:focus::after {
+                right: 40px;
+                text-align: right;
             }
 
@@ -1937 +1949 @@
                     padding-left: 41px;
                     width: 100%;
-
-                    a::after {
-                        content: " \2013 \00a0"attr(title);
-                        @include font-size(12);
-                    }
 
                     .thread-excerpt {
@@ -2373 +2380 @@
 
     } // .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