github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-16 18:09:33 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: better styling with popover (#7259)

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/base/d-popover.scss
View File

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

5
plugins/discourse-local-dates/assets/javascripts/discourse-local-dates.js.no-module.es6
View File

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

26
plugins/discourse-local-dates/assets/stylesheets/common/discourse-local-dates.scss
View File

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