mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 00:49:03 +00:00
add tooltip to new logos (#12837)
relates to #12053 quick fix to add tooltip to new inputs for logo
This commit is contained in:
parent
f429c6db49
commit
dbf43363a7
2 changed files with 7 additions and 3 deletions
|
|
@ -124,6 +124,8 @@ const Info = ({
|
|||
onBlur={validateForm}
|
||||
error={formErrors.org_logo_url}
|
||||
inputWrapperClass={`${cardClass}__logo-field`}
|
||||
tooltip="Logo is displayed in the top bar and other areas of Fleet that
|
||||
have dark backgrounds."
|
||||
/>
|
||||
<div
|
||||
className={`${cardClass}__icon-preview ${cardClass}__dark-background`}
|
||||
|
|
@ -144,6 +146,8 @@ const Info = ({
|
|||
onBlur={validateForm}
|
||||
error={formErrors.org_logo_url_light_background}
|
||||
inputWrapperClass={`${cardClass}__logo-field`}
|
||||
tooltip="Logo is displayed in Fleet on top of light backgrounds.
|
||||
"
|
||||
/>
|
||||
<div
|
||||
className={`${cardClass}__icon-preview ${cardClass}__light-background`}
|
||||
|
|
|
|||
|
|
@ -10,10 +10,10 @@
|
|||
|
||||
&__icon-preview {
|
||||
border-radius: $border-radius;
|
||||
height: 82px;
|
||||
max-width: 150px;
|
||||
max-height: 82px;
|
||||
min-width: 82px;
|
||||
border: 1px solid $ui-fleet-black-10;
|
||||
display: flex;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue