mirror of
https://github.com/discourse/discourse.git
synced 2025-06-14 08:37:19 +08:00
FIX: better styling with popover (#7259)
This commit is contained in:
@ -63,7 +63,7 @@ $d-popover-border: $primary-medium;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.d-popover-content {
|
.d-popover-content {
|
||||||
padding: 1em;
|
padding: 0.5em;
|
||||||
font-size: $font-down-1;
|
font-size: $font-down-1;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
-webkit-animation: popoverFadeIn 0.5s;
|
-webkit-animation: popoverFadeIn 0.5s;
|
||||||
|
@ -70,7 +70,10 @@
|
|||||||
$element
|
$element
|
||||||
.html(DATE_TEMPLATE)
|
.html(DATE_TEMPLATE)
|
||||||
.attr("aria-label", textPreview)
|
.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")
|
.addClass("cooked-date")
|
||||||
.find(".relative-time")
|
.find(".relative-time")
|
||||||
.text(formatedDateTime);
|
.text(formatedDateTime);
|
||||||
|
@ -14,24 +14,20 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.discourse-local-date + #discourse-tooltip {
|
#d-popover {
|
||||||
.tooltip-content {
|
.locale-dates-previews {
|
||||||
max-width: 360px;
|
max-width: 360px;
|
||||||
padding: 0.5em;
|
.preview {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 5px;
|
||||||
|
|
||||||
.previews {
|
.timezone {
|
||||||
.preview {
|
font-weight: 700;
|
||||||
display: flex;
|
}
|
||||||
flex-direction: column;
|
|
||||||
padding: 5px;
|
|
||||||
|
|
||||||
.timezone {
|
&.current {
|
||||||
font-weight: 700;
|
background: $tertiary-low;
|
||||||
}
|
|
||||||
|
|
||||||
&.current {
|
|
||||||
background: $tertiary-low;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user