Changeset 8771

Timestamp:

08/09/2014 03:47:17 PM (12 years ago)

Author:

djpaul

Message:

Activity: slight CSS/JS tweaks to @mentions window.

Ported from Automattic's O2 team's implementation of the At.js library.

See #3278

Location:

trunk/src/bp-activity

Files:

• css/mentions-rtl.css (modified) (3 diffs)
• css/mentions.css (modified) (3 diffs)
• js/mentions.js (modified) (1 diff)

trunk/src/bp-activity/css/mentions-rtl.css

@@ -34 +34 @@
         float: left;
         height: 20px;
-        margin-right: 10px;
         width: 20px;
 }
@@ -49 +48 @@
         font-size: smaller;
         font-weight: normal;
-        margin-right: 40px;
+        margin: 0 40px 0 10px;
 }
 .atwho-view .cur {
@@ -58 +57 @@
         .atwho-view img {
                 float: right;
-                margin-right: 0;
-                margin-left: 10px;
+                margin: 0 0 0 10px;
         }
         .atwho-view small {

trunk/src/bp-activity/css/mentions.css

@@ -34 +34 @@
         float: right;
         height: 20px;
-        margin-left: 10px;
         width: 20px;
 }
@@ -49 +48 @@
         font-size: smaller;
         font-weight: normal;
-        margin-left: 40px;
+        margin: 0 10px 0 40px;
 }
 .atwho-view .cur {
@@ -58 +57 @@
         .atwho-view img {
                 float: left;
-                margin-left: 0;
-                margin-right: 10px;
+                margin: 0 10px 0 0;
         }
         .atwho-view small {

trunk/src/bp-activity/js/mentions.js

@@ -78 +78 @@
                                 before_reposition: function( offset ) {
                                         var $view = $( '#atwho-ground-' + this.id + ' .atwho-view' ),
-                                        caret     = this.$inputor.caret( 'offset', { iframe: $( '#content_ifr' )[0] } ).left,
-                                        move;
+                                                caret = this.$inputor.caret( 'offset', { iframe: $( '#content_ifr' )[0] } ).left,
+                                                move;
 
                                         // If the caret is past horizontal half, then flip it, yo.
                                         if ( caret > ( $( 'body' ).width() / 2 ) ) {
-                                                $view.addClass( 'flip' );
+                                                $view.addClass( 'right' );
                                                 move = caret - offset.left - this.view.$el.width();
                                         } else {
-                                                $view.removeClass( 'flip' );
+                                                $view.removeClass( 'right' );
                                                 move = caret - offset.left + 1;
                                         }