IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

PluginDetails: Fix usage list height (#79695)

Browse Source
This commit is contained in:
Alex Khomenko 2024-01-04 15:42:28 +02:00 committed by GitHub
parent a349ef6c0b
commit 0844b87b2f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 41 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.betterer.results
View File

@ -4040,9 +4040,7 @@ exports[`better eslint`] = {
[0, 0, 0, "Styles should be written using objects.", "0"] [0, 0, 0, "Styles should be written using objects.", "0"]
], ],
"public/app/features/plugins/admin/components/PluginDetailsBody.tsx:5381": [ "public/app/features/plugins/admin/components/PluginDetailsBody.tsx:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"], [0, 0, 0, "Do not use any type assertions.", "0"]
[0, 0, 0, "Styles should be written using objects.", "1"],
[0, 0, 0, "Styles should be written using objects.", "2"]
], ],
"public/app/features/plugins/admin/components/PluginDetailsHeaderDependencies.tsx:5381": [ "public/app/features/plugins/admin/components/PluginDetailsHeaderDependencies.tsx:5381": [
[0, 0, 0, "Styles should be written using objects.", "0"], [0, 0, 0, "Styles should be written using objects.", "0"],

91
public/app/features/plugins/admin/components/PluginDetailsBody.tsx
View File

@ -131,55 +131,44 @@ export function PluginDetailsBody({ plugin, queryParams, pageId }: Props): JSX.E
} }
export const getStyles = (theme: GrafanaTheme2) => ({ export const getStyles = (theme: GrafanaTheme2) => ({
container: css``, container: css({
readme: css` height: '100%',
& img { }),
max-width: 100%; readme: css({
} '& img': {
maxWidth: '100%',
h1, },
h2, 'h1, h2, h3': {
h3 { marginTop: theme.spacing(3),
margin-top: ${theme.spacing(3)}; marginBottom: theme.spacing(2),
margin-bottom: ${theme.spacing(2)}; },
} '*:first-child': {
marginTop: 0,
*:first-child { },
margin-top: 0; li: {
} marginLeft: theme.spacing(2),
'& > p': {
li { margin: theme.spacing(1, 0),
margin-left: ${theme.spacing(2)}; },
& > p { },
margin: ${theme.spacing()} 0; a: {
} color: theme.colors.text.link,
} '&:hover': {
color: theme.colors.text.link,
a { textDecoration: 'underline',
color: ${theme.colors.text.link}; },
},
&:hover { table: {
color: ${theme.colors.text.link}; tableLayout: 'fixed',
text-decoration: underline; width: '100%',
} 'td, th': {
} overflowX: 'auto',
padding: theme.spacing(0.5, 1),
table { },
table-layout: fixed; 'table, th, td': {
width: 100%; border: `1px solid ${theme.colors.border.medium}`,
borderCollapse: 'collapse',
td, },
th { },
overflow-x: auto; }),
padding: ${theme.spacing(0.5)} ${theme.spacing(1)};
}
table,
th,
td {
border: 1px solid ${theme.colors.border.medium};
border-collapse: collapse;
}
}
`,
}); });