Changeset 8771

Timestamp:

08/09/2014 03:47:17 PM (10 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;
                     }