Tweak help link style (#38)
This commit is contained in:
parent
2f931183f3
commit
6d906d49c0
|
@ -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"
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user