Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 15:59:41 +02:00
Code Issues Releases Activity

feat(ui): portainer base component css change [EE-3381] (#7115)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-06-23 09:32:18 +03:00 • committed by GitHub
parent 825269c119
commit f78a6568a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
70 changed files with 999 additions and 1596 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/react/components/Tip/Tooltip/Tooltip.module.css
View file

@ -4,12 +4,10 @@
}
.tooltip {
font-family: Montserrat !important;
background-color: var(--bg-tooltip-color) !important;
padding: 0.833em 1em !important;
color: var(--text-tooltip-color) !important;
border: 1px solid var(--border-tooltip-color) !important;
border-radius: 0.14285714rem !important;
border-radius: 10px !important;
box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
max-width: 200px;
text-align: center;
@ -19,5 +17,5 @@
.icon {
margin-left: 5px;
font-size: 1.3em;
cursor: pointer;
}

10
app/react/components/Tip/Tooltip/Tooltip.tsx
View file

@ -1,5 +1,5 @@
import ReactTooltip from 'react-tooltip';
import clsx from 'clsx';
import { HelpCircle } from 'react-feather';
import styles from './Tooltip.module.css';
@ -12,12 +12,8 @@ export interface Props {
export function Tooltip({ message, position = 'bottom' }: Props) {
return (
<span className="interactive">
<i
className={clsx('fa fa-question-circle blue-icon', styles.icon)}
aria-hidden="true"
data-tip={message}
/>
<span data-tip={message} className={styles.icon}>
<HelpCircle className="feather" aria-hidden="true" />
<ReactTooltip
multiline
type="info"