diff options
| author | Ernst Widerberg <ernst@sunet.se> | 2022-01-11 08:52:44 +0100 |
|---|---|---|
| committer | Ernst Widerberg <ernst@sunet.se> | 2022-01-11 08:52:44 +0100 |
| commit | 80bde89dca5bf68e57c1d9d4c280e65df22ba470 (patch) | |
| tree | a27876598703fd748109188a04e230fc42c2a6eb | |
| parent | 164081c86b5e91a3dbc55c7efc1d7202f1a67c67 (diff) | |
Highlight every other object
| -rw-r--r-- | src/components/ObjectComponent.js | 6 | ||||
| -rw-r--r-- | src/styles/main.css | 11 |
2 files changed, 15 insertions, 2 deletions
diff --git a/src/components/ObjectComponent.js b/src/components/ObjectComponent.js index 2255585..2ae0b6e 100644 --- a/src/components/ObjectComponent.js +++ b/src/components/ObjectComponent.js @@ -100,7 +100,11 @@ function UserPresentation(props) { function UserPresentationElement(props) { return ( - <Card variant="outlined" sx={{ padding: "1em", marginTop: "1em" }}> + <Card + className="user-presentation-element" + variant="outlined" + sx={{ padding: "1em", marginTop: "1em" }} + > <b>{props.display_name}</b>: {props.data.toString()} {props.description && ( <Alert severity="info" sx={{ marginTop: "0.5em" }}> diff --git a/src/styles/main.css b/src/styles/main.css index 44e24cd..b53cfa7 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -34,7 +34,7 @@ a:visited { .object { padding: 2em; - margin: 1em; + margin: 2em; width: 40em; margin-left: auto; margin-right: auto; @@ -86,6 +86,15 @@ a:visited { display: flex; } +#list-container > #main > .MuiCard-root:nth-child(odd), +#list-container > #main > .MuiCard-root:nth-child(odd) .MuiAccordion-root, +#list-container + > #main + > .MuiCard-root:nth-child(odd) + .user-presentation-element { + background-color: #fcfcfc; +} + /* Login */ #login-container { |