mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 07:08:44 +08:00
7dafd275ac
- FIX: improves reactions and thread indicator touch event on mobile These "buttons" are located inside a scroll list which makes them very specific. The general idea is to ensure these events are passive and are not bubbling to the parent. - DEV: moves state on top level message node - FIX: ensures popover arrow has the correct border - FIX: makes a message expanded by default - FIX applies the same ios scroll fix on thread and channel - UI: better active/hover state for thread indicator - UI: attempts to follow more closely our BEM naming scheme - FIX: reduces bottom padding on message with thread indicator and user info hidden - UI: add padding for first message in thread - FIX: prevents actions backdrop to open thread - UI: makes thread indicator resizable
32 lines
588 B
SCSS
32 lines
588 B
SCSS
$d-popover-background: var(--secondary);
|
|
$d-popover-border: var(--primary-low);
|
|
|
|
.tippy-box {
|
|
color: var(--primary);
|
|
background: $d-popover-background;
|
|
border: 1px solid var(--primary-low);
|
|
box-shadow: var(--shadow-menu-panel);
|
|
}
|
|
|
|
.tippy-box[data-placement^="top"] .tippy-svg-arrow > svg {
|
|
top: 12px;
|
|
}
|
|
.tippy-box[data-placement^="bottom"] .tippy-svg-arrow > svg {
|
|
top: -10px;
|
|
}
|
|
|
|
#tippy-rounded-arrow {
|
|
.svg-content {
|
|
fill: $d-popover-background;
|
|
}
|
|
|
|
.svg-arrow {
|
|
fill: $d-popover-border;
|
|
}
|
|
}
|
|
|
|
[data-tooltip] > *,
|
|
[data-popover] > * {
|
|
pointer-events: none;
|
|
}
|