Playlist: Add default border radius to PlaylistTableRows (#92666)

add default border radius to PlaylistTableRows
This commit is contained in:
Ashley Harrison 2024-09-02 09:39:47 +01:00 committed by GitHub
parent 5942d8595d
commit 714f2d6d51
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 26 additions and 29 deletions

View File

@ -4779,11 +4779,7 @@ exports[`better eslint`] = {
"public/app/features/playlist/PlaylistTableRows.tsx:5381": [
[0, 0, 0, "No untranslated strings. Wrap text with <Trans />", "0"],
[0, 0, 0, "No untranslated strings. Wrap text with <Trans />", "1"],
[0, 0, 0, "No untranslated strings. Wrap text with <Trans />", "2"],
[0, 0, 0, "Styles should be written using objects.", "3"],
[0, 0, 0, "Styles should be written using objects.", "4"],
[0, 0, 0, "Styles should be written using objects.", "5"],
[0, 0, 0, "Styles should be written using objects.", "6"]
[0, 0, 0, "No untranslated strings. Wrap text with <Trans />", "2"]
],
"public/app/features/playlist/StartModal.tsx:5381": [
[0, 0, 0, "No untranslated strings. Wrap text with <Trans />", "0"]

View File

@ -102,30 +102,31 @@ export const PlaylistTableRows = ({ items, onDelete }: Props) => {
function getStyles(theme: GrafanaTheme2) {
return {
row: css`
padding: 6px;
background: ${theme.colors.background.secondary};
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 3px;
row: css({
padding: theme.spacing(0.75),
background: theme.colors.background.secondary,
borderRadius: theme.shape.radius.default,
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
marginBottom: '3px',
border: 1px solid ${theme.colors.border.medium};
&:hover {
border: 1px solid ${theme.colors.border.strong};
}
`,
rightMargin: css`
margin-right: 5px;
`,
actions: css`
align-items: center;
justify-content: center;
display: flex;
`,
settings: css`
label: settings;
text-align: right;
`,
border: `1px solid ${theme.colors.border.medium}`,
'&:hover': {
border: `1px solid ${theme.colors.border.strong}`,
},
}),
rightMargin: css({
marginRight: '5px',
}),
actions: css({
alignItems: 'center',
justifyContent: 'center',
display: 'flex',
}),
settings: css({
label: 'settings',
textAlign: 'right',
}),
};
}