|
|
@@ -71,7 +71,7 @@ body { display: flex; margin: 0; padding: 0; }
|
|
|
.emoji-medium .emoji { transform: scale(0.5); position: absolute; left: -19px; top: -16px; }
|
|
|
.emoji-custom { text-indent: -9999em; image-rendering: optimizeQuality; font-size: inherit; height: 64px; width: 64px; top: -3px; position: relative; display: inline-block; margin: 0 .15em; line-height: normal; vertical-align: middle; background-repeat: no-repeat; background-size: contain; }
|
|
|
|
|
|
-.emojibar { position: fixed; display: flex; flex-direction: column; height: 300px; width: 300px; padding: 5px; overflow: hidden; background: #ddd; z-index: 1000; text-align: right; }
|
|
|
+.emojibar { position: fixed; display: flex; flex-direction: column; height: 300px; width: 300px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 5px; overflow: hidden; background: #ddd; z-index: 1000; text-align: right; }
|
|
|
.emojibar-emojis { display: block; flex: 1; width: 100%; overflow: auto; text-align: left; }
|
|
|
.emojibar-header { height: 30px; display: block; text-align: center; }
|
|
|
.emojibar-header > img { max-width: 100%; max-height: 20px; }
|
|
|
@@ -79,5 +79,5 @@ body { display: flex; margin: 0; padding: 0; }
|
|
|
.emojibar-list-item { display: inline-block; margin: 5px; cursor: pointer; }
|
|
|
.emojibar-detail { display: block; height: 40px; text-align: left; }
|
|
|
.emojibar-search { width: 300px; margin: 5px auto; }
|
|
|
-.emojibar-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: transparent; }
|
|
|
+.emojibar-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); }
|
|
|
|
