Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Reorder reactions.scss so elems inside emoji popover are together.

This commit is contained in:
Vaibhav 2019-06-03 21:53:05 +05:30 committed by Tim Abbott
parent e33f8f0730
commit 3d21cb4bea
1 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
static/styles/reactions.scss
View File

@ -176,6 +176,31 @@
}
}
.emoji-popover-category-tabs {
/* Flex needed here to work around #7511 (90% zoom issues in firefox) */
display: flex;
background-color: hsl(0, 0%, 93%);
width: 100%;
box-sizing: border-box;
overflow: hidden;
.emoji-popover-tab-item {
display: inline-block;
padding-top: 8px;
width: 25px;
height: 25px;
text-align: center;
font-size: 16px;
cursor: pointer;
/* Flex needed here to work around #7511 (90% zoom issues in firefox) */
flex-grow: 1;
&.active {
background-color: hsla(0, 0%, 100%, 0.2);
}
}
}
.emoji-popover-emoji-map,
.emoji-search-results-container {
padding: 0px;
@ -244,31 +269,6 @@
line-height: 1em;
}
.emoji-popover-category-tabs {
/* Flex needed here to work around #7511 (90% zoom issues in firefox) */
display: flex;
background-color: hsl(0, 0%, 93%);
width: 100%;
box-sizing: border-box;
overflow: hidden;
.emoji-popover-tab-item {
display: inline-block;
padding-top: 8px;
width: 25px;
height: 25px;
text-align: center;
font-size: 16px;
cursor: pointer;
/* Flex needed here to work around #7511 (90% zoom issues in firefox) */
flex-grow: 1;
&.active {
background-color: hsla(0, 0%, 100%, 0.2);
}
}
}
.typeahead .emoji {
top: 2px;
}