chylex/TweetDuck
1
0
Fork 0
mirror of https://github.com/chylex/TweetDuck.git synced 2025-04-14 03:15:49 +02:00
Code

Fix emoji keyboard button size & tweak composer button layout

Browse Source
This commit is contained in:
chylex 2018-02-17 12:21:26 +01:00
parent 9f63357a92
commit 8c168c9ad7
3 changed files with 9 additions and 4 deletions
Resources
Plugins/emoji-keyboard
.metabrowser.js
Scripts/styles
browser.css

2
Resources/Plugins/emoji-keyboard/.meta
View File

@ -9,7 +9,7 @@ Emoji keyboard
chylex
[version]
1.4.2
1.4.3
[website]
https://tweetduck.chylex.com

3
Resources/Plugins/emoji-keyboard/browser.js
View File

@ -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);

8
Resources/Scripts/styles/browser.css
View File

@ -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 {