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

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.betterer.results
View File

@ -4779,11 +4779,7 @@ exports[`better eslint`] = {
"public/app/features/playlist/PlaylistTableRows.tsx:5381": [ "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 />", "0"],
[0, 0, 0, "No untranslated strings. Wrap text with <Trans />", "1"], [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, "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"]
], ],
"public/app/features/playlist/StartModal.tsx:5381": [ "public/app/features/playlist/StartModal.tsx:5381": [
[0, 0, 0, "No untranslated strings. Wrap text with <Trans />", "0"] [0, 0, 0, "No untranslated strings. Wrap text with <Trans />", "0"]

49
public/app/features/playlist/PlaylistTableRows.tsx
View File

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