changed design of emoji suggestions

This commit is contained in:
supertiger1234 2020-01-19 14:09:44 +00:00
parent 018a83eae6
commit 29be91c18a

View file

@ -82,26 +82,23 @@ export default {
<style scoped> <style scoped>
.selected { .selected {
background: rgba(66, 66, 66, 0.89); background: rgba(255, 255, 255, 0.2);
} }
.emoji-suggetions-list { .emoji-suggetions-list {
position: absolute; position: absolute;
bottom: 0; bottom: -35px;
left: 70px; left: 50px;
max-height: 400px; max-height: 400px;
overflow-y: auto; overflow-y: auto;
z-index: 2; z-index: 2;
background: rgba(0, 0, 0, 0.7);
background: rgba(32, 32, 32, 0.87); backdrop-filter: blur(5px);
border-radius: 4px;
color: white; color: white;
padding: 5px;
transition: 0.3s; transition: 0.3s;
user-select: none; user-select: none;
cursor: default; cursor: default;
} }
.emoji-suggetions-list:hover {
background: rgba(32, 32, 32, 0.966);
}
.preview { .preview {
margin-right: 5px; margin-right: 5px;
} }