Fix missing + button for small screens in variables editor

4ian · Sep 26, 2024 · 902372d · 902372d
1 parent 0c93df6
commit 902372d
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/newIDE/app/src/VariablesList/VariablesListToolbar.js b/newIDE/app/src/VariablesList/VariablesListToolbar.js
@@ -134,7 +134,16 @@ const VariablesListToolbar = React.memo<Props>((props: Props) => {
         )}
       </Column>
       <Column noMargin>
-        {props.isNarrow ? null : (
+        {props.isCompact ? null : props.isNarrow ? (
+          <IconButton
+            key="add-variable"
+            tooltip={t`Add variable`}
+            onClick={props.onAdd}
+            size="small"
+          >
+            <Add style={props.iconStyle} />
+          </IconButton>
+        ) : (
           <FlatButton
             primary
             key="add-variable"