r4sas/webogram-i2p
1
0
Fork 0
Code Issues Releases Wiki Activity

Improved autocomplete styles

Browse Source
This commit is contained in:
Igor Zhukov 2015-03-19 01:34:09 +03:00
parent 64248e2938
commit 8693c8f9c8
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/css/app.css
View File

@ -2189,13 +2189,13 @@ a.composer_emoji_btn:hover {
.composer_dropdown { .composer_dropdown {
display: none; display: none;
/*max-width: 100%;*/
border-radius: 2px;
padding: 6px 0; padding: 6px 0;
border: 1px solid rgba(15, 60, 96, 0.2); border: 0;
-webkit-box-shadow: 0px 1px 3px 0px rgba(60,75,87,0.27); -webkit-box-shadow: 0px 1px 1px 0px rgba(60,75,87,0.27);
-moz-box-shadow: 0px 1px 3px 0px rgba(60,75,87,0.27); -moz-box-shadow: 0px 1px 1px 0px rgba(60,75,87,0.27);
box-shadow: 0px 1px 3px 0px rgba(60,75,87,0.27); box-shadow: 0px 1px 1px 0px rgba(60,75,87,0.27);
border-radius: 0;
margin-top: -5px;
} }
.composer_dropdown > li > a { .composer_dropdown > li > a {

4
app/css/desktop.css
View File

@ -410,7 +410,9 @@
visibility : visible\9; /* Target only IE7 and IE8 with this hack */ visibility : visible\9; /* Target only IE7 and IE8 with this hack */
opacity : 0.99; opacity : 0.99;
} }
.composer_emoji_tooltip {
z-index: 1001;
}
.composer_emoji_tooltip .nano > .nano-pane { .composer_emoji_tooltip .nano > .nano-pane {
background : rgba(255,255,255,0.0); background : rgba(255,255,255,0.0);
right: -2px; right: -2px;

3
app/js/message_composer.js
View File

@ -1025,7 +1025,8 @@ MessageComposer.prototype.showMentionSuggestions = function (users) {
MessageComposer.prototype.updatePosition = function () { MessageComposer.prototype.updatePosition = function () {
var offset = (this.richTextareaEl || this.textareaEl).offset(); var offset = (this.richTextareaEl || this.textareaEl).offset();
var height = this.autoCompleteEl.outerHeight(); var height = this.autoCompleteEl.outerHeight();
this.autoCompleteEl.css({top: offset.top - height, left: offset.left}); var width = (this.richTextareaEl || this.textareaEl).outerWidth();
this.autoCompleteEl.css({top: offset.top - height, left: offset.left, width: width - 2});
} }
MessageComposer.prototype.hideSuggestions = function () { MessageComposer.prototype.hideSuggestions = function () {