Ekspanderer tiltak ved trykk på tiltakstekst

* Ekspanderer tiltak ved trykk på tiltakstekst * Fix linting
kartverket · Dec 10, 2024 · 1f654e2 · 1f654e2
1 parent 9b13d9b
commit 1f654e2
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 18 deletions.
diff --git a/plugins/ros/README.md b/plugins/ros/README.md
@@ -1,6 +1,6 @@
 # Risk Scorecard (RiSc)
 
-This is a plugin for Backstage that helps you and your team when working continuously with risk analysis (:))
+This is a plugin for Backstage that helps you and your team when working continuously with risk analysis (:)
 The plugin is dependent on a backend service in order to decrypt and communicate with GitHub, and some configuration is
 necessary for them to communicate.
 

diff --git a/plugins/ros/src/components/scenarioDrawer/components/ActionBox.tsx b/plugins/ros/src/components/scenarioDrawer/components/ActionBox.tsx
@@ -99,27 +99,33 @@ export const ActionBox = ({
 
   return (
     <Box>
-      <Box
-        sx={{
-          display: 'flex',
-          flexDirection: 'row',
-          alignItems: 'center',
-        }}
-      >
-        <IconButton onClick={() => toggleActionExpanded(action.ID)}>
-          {isExpanded ? <ExpandLess /> : <ExpandMore />}
-        </IconButton>
-        <Typography
+      <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
+        <Box
           sx={{
-            fontSize: '16px',
-            fontWeight: 500,
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            cursor: 'pointer',
+            width: '100%',
           }}
+          onClick={() => toggleActionExpanded(action.ID)}
         >
-          {isActionTitlePresent
-            ? action.title
-            : `${t('dictionary.measure')} ${index + 1}`}
-        </Typography>
+          <IconButton>
+            {isExpanded ? <ExpandLess /> : <ExpandMore />}
+          </IconButton>
+          <Typography
+            sx={{
+              fontSize: '16px',
+              fontWeight: 500,
+            }}
+          >
+            {isActionTitlePresent
+              ? action.title
+              : `${t('dictionary.measure')} ${index + 1}`}
+          </Typography>
+        </Box>
         <IconButton
+          disabled={isExpanded ? false : true}
           sx={{
             marginLeft: 'auto',
             opacity: isExpanded ? 1 : 0,