mirror of
https://github.com/discourse/discourse.git
synced 2025-05-22 02:51:14 +08:00
FIX: better styling with popover (#7259)
This commit is contained in:
@ -70,7 +70,10 @@
|
||||
$element
|
||||
.html(DATE_TEMPLATE)
|
||||
.attr("aria-label", textPreview)
|
||||
.attr("data-html-tooltip", `<div class="previews">${htmlPreview}</div>`)
|
||||
.attr(
|
||||
"data-html-tooltip",
|
||||
`<div class="locale-dates-previews">${htmlPreview}</div>`
|
||||
)
|
||||
.addClass("cooked-date")
|
||||
.find(".relative-time")
|
||||
.text(formatedDateTime);
|
||||
|
@ -14,24 +14,20 @@
|
||||
}
|
||||
}
|
||||
|
||||
.discourse-local-date + #discourse-tooltip {
|
||||
.tooltip-content {
|
||||
#d-popover {
|
||||
.locale-dates-previews {
|
||||
max-width: 360px;
|
||||
padding: 0.5em;
|
||||
.preview {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 5px;
|
||||
|
||||
.previews {
|
||||
.preview {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 5px;
|
||||
.timezone {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.timezone {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
&.current {
|
||||
background: $tertiary-low;
|
||||
}
|
||||
&.current {
|
||||
background: $tertiary-low;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user