From 8c168c9ad75f3f71f104d03bb549e5d02a972015 Mon Sep 17 00:00:00 2001
From: chylex <contact@chylex.com>
Date: Sat, 17 Feb 2018 12:21:26 +0100
Subject: [PATCH] Fix emoji keyboard button size & tweak composer button layout
---
Resources/Plugins/emoji-keyboard/.meta | 2 +-
Resources/Plugins/emoji-keyboard/browser.js | 3 ++-
Resources/Scripts/styles/browser.css | 8 ++++++--
3 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/Resources/Plugins/emoji-keyboard/.meta b/Resources/Plugins/emoji-keyboard/.meta
index de1af787..c7a42211 100644
--- a/Resources/Plugins/emoji-keyboard/.meta
+++ b/Resources/Plugins/emoji-keyboard/.meta
@@ -9,7 +9,7 @@ Emoji keyboard
chylex
[version]
-1.4.2
+1.4.3
[website]
https://tweetduck.chylex.com
diff --git a/Resources/Plugins/emoji-keyboard/browser.js b/Resources/Plugins/emoji-keyboard/browser.js
index aefe6dd9..c08caeff 100644
--- a/Resources/Plugins/emoji-keyboard/browser.js
+++ b/Resources/Plugins/emoji-keyboard/browser.js
@@ -32,6 +32,7 @@ enabled(){
this.css = window.TDPF_createCustomStyle(this);
this.css.insert(".emoji-keyboard { position: absolute; width: 15.35em; background-color: white; border-radius: 1px; font-size: 24px; z-index: 9999 }");
+ this.css.insert(".emoji-keyboard-popup-btn .icon { vertical-align: -4px !important }");
this.css.insert(".emoji-keyboard-list { height: 10.14em; padding: 0.1em; box-sizing: border-box; overflow-y: auto }");
this.css.insert(".emoji-keyboard-list .separator { height: 26px }");
@@ -49,7 +50,7 @@ enabled(){
// layout
- var buttonHTML = '<button class="needsclick btn btn-on-blue txt-left padding-v--9 emoji-keyboard-popup-btn"><i class="icon icon-heart"></i></button>';
+ var buttonHTML = '<button class="needsclick btn btn-on-blue txt-left padding-v--6 padding-h--8 emoji-keyboard-popup-btn"><i class="icon icon-heart"></i></button>';
this.prevComposeMustache = TD.mustaches["compose/docked_compose.mustache"];
TD.mustaches["compose/docked_compose.mustache"] = TD.mustaches["compose/docked_compose.mustache"].replace('<div class="cf margin-t--12 margin-b--30">', '<div class="cf margin-t--12 margin-b--30">'+buttonHTML);
diff --git a/Resources/Scripts/styles/browser.css b/Resources/Scripts/styles/browser.css
index 9699d196..afd5584e 100644
--- a/Resources/Scripts/styles/browser.css
+++ b/Resources/Scripts/styles/browser.css
@@ -67,9 +67,13 @@ button {
border-color: #2B7BB9 !important;
}
-#tduck .js-compose-scroller button > i {
+#tduck .js-compose-scroller button.full-width {
+ padding: 7px 10px !important;
+}
+
+#tduck .js-compose-scroller button.full-width > i {
font-size: 20px !important;
- vertical-align: -4px !important;
+ vertical-align: -5px !important;
}
.js-show-drawer {