IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 10:20:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Emoji popup layout adjustments (#12533)

Browse Source
This commit is contained in:
Penar Musaraj 2021-03-26 13:07:04 -04:00 committed by GitHub
parent 5096920500
commit edc0f61920
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/stylesheets/common/base/emoji.scss
View File

@ -60,6 +60,7 @@ sup img.emoji {
width: 100%;
box-sizing: border-box;
padding: 0.25em;
padding-left: 0.75em;
height: 100%;
background: var(--secondary);
@ -101,8 +102,9 @@ sup img.emoji {
}
.emoji-picker-category-buttons {
overflow-y: scroll;
width: 60px;
overflow-y: auto;
width: 50px;
padding-left: 0.5em;
display: flex;
justify-content: center;
flex-wrap: wrap;
@ -131,7 +133,7 @@ sup img.emoji {
display: flex;
width: 100%;
position: relative;
padding: 0.25em;
padding: 0.75em;
border-bottom: 1px solid var(--primary-low);
box-sizing: border-box;
align-items: center;
@ -139,17 +141,17 @@ sup img.emoji {
.filter {
flex: 1 0 auto;
margin: 0;
border: 0;
padding: 0;
&:focus {
box-shadow: none;
}
width: calc(100% - 50px);
margin-right: 0.5em;
}
.d-icon {
color: var(--primary-medium);
margin-right: 0.5em;
cursor: pointer;
padding: 0.25em;
&:hover {
color: var(--tertiary);
}
}
}