FIX: better styling with popover (#7259)

This commit is contained in:
Joffrey JAFFEUX
2019-03-26 16:34:27 +01:00
committed by GitHub
parent 52332ccd72
commit 4874cf742b
3 changed files with 16 additions and 17 deletions

View File

@ -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);

View File

@ -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;
}
}
}