discourse/plugins/chat/assets/stylesheets/mobile/chat-emoji-picker.scss
Joffrey JAFFEUX f55266e1ca
UX: chat mobile tweaks (#21041)
- rounded active style for messages
- better active state on chat message actions rows
- ensures long press on a message is not selecting text
- slightly improved messages actions animation and background fading
- ensures chat emoji picker is not cutoff on right side
- removes old legacy code related to hovered message
2023-04-11 09:03:12 +02:00

27 lines
503 B
SCSS

.chat-channel-message-emoji-picker-connector {
position: relative;
.chat-emoji-picker {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 50vh;
width: 100%;
box-shadow: shadow("card");
z-index: z("header") + 2;
max-width: 100vw;
box-sizing: border-box;
&__backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(var(--always-black-rgb), 0.75);
z-index: z("header") + 1;
}
}
}