add focus/hover responses to modeling page cards

2020-09-07 00:14:44 -07:00 · 2020-09-07 00:14:44 -07:00 · 0c614deb41
commit 0c614deb41
parent dba8eed7e5
1 changed files with 2 additions and 0 deletions
--- a/src/app/ModelingPage.js
+++ b/src/app/ModelingPage.js
@ -86,6 +86,7 @@ function ItemModelCard({ item, currentUserOwnsItem, ...props }) {
      width="400px"
      border="1px"
      borderColor={borderColor}
+      className="item-model-card"
      {...props}
    >
      <ItemSummary
@ -96,6 +97,7 @@ function ItemModelCard({ item, currentUserOwnsItem, ...props }) {
            currentUserOwnsItem={currentUserOwnsItem}
          />
        }
+        focusSelector=".item-model-card:hover &, .item-model-card:focus &"
      />
    </Box>
  );