Tweak help link style (#38)

This commit is contained in:
Daniel J. Summers 2022-08-16 21:32:48 -04:00
parent 2f931183f3
commit 6d906d49c0
2 changed files with 5 additions and 2 deletions

View File

@ -213,12 +213,12 @@ open Giraffe.ViewEngine.Htmx
/// Render a link to the help page for the current page /// Render a link to the help page for the current page
let private helpLink link = let private helpLink link =
let s = I18N.localizer.Force () let s = I18N.localizer.Force ()
sup [] [ sup [ _class "pt-help-link" ] [
a [ _href link a [ _href link
_title s["Click for Help on This Page"].Value _title s["Click for Help on This Page"].Value
_onclick $"return PT.showHelp('{link}')" _onclick $"return PT.showHelp('{link}')"
_hxNoBoost ] [ _hxNoBoost ] [
icon "help_outline" iconSized 18 "help_outline"
] ]
] ]

View File

@ -440,6 +440,9 @@ article.pt-overview section div p {
.material-icons { .material-icons {
vertical-align: middle; vertical-align: middle;
} }
.pt-help-link {
padding-right: .25rem;
}
#pt-help { #pt-help {
background-color: #fcfcfc; background-color: #fcfcfc;
} }