Fix clock number position issue if overwrote theme spacing does not r…

…eturn a number as 1rem
mui · Sep 25, 2019 · 1e37e1b · 1e37e1b
1 parent 83d7c42
commit 1e37e1b
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 27 deletions.
diff --git a/docs/prop-types.json b/docs/prop-types.json
@@ -862,12 +862,10 @@
         "name": "boolean"
       }
     },
-    "autoOk": {
-      "defaultValue": {
-        "value": "false"
-      },
-      "description": "Auto accept date on selection",
-      "name": "autoOk",
+    "readOnly": {
+      "defaultValue": null,
+      "description": "Make picker read only",
+      "name": "readOnly",
       "parent": {
         "fileName": "material-ui-pickers/lib/src/typings/BasePicker.tsx",
         "name": "BasePickerProps"
@@ -877,10 +875,12 @@
         "name": "boolean"
       }
     },
-    "readOnly": {
-      "defaultValue": null,
-      "description": "Make picker read only",
-      "name": "readOnly",
+    "autoOk": {
+      "defaultValue": {
+        "value": "false"
+      },
+      "description": "Auto accept date on selection",
+      "name": "autoOk",
       "parent": {
         "fileName": "material-ui-pickers/lib/src/typings/BasePicker.tsx",
         "name": "BasePickerProps"
@@ -1964,30 +1964,30 @@
         "name": "boolean"
       }
     },
-    "onClose": {
+    "readOnly": {
       "defaultValue": null,
-      "description": "On close callback",
-      "name": "onClose",
+      "description": "Make picker read only",
+      "name": "readOnly",
       "parent": {
         "fileName": "material-ui-pickers/lib/src/typings/BasePicker.tsx",
         "name": "BasePickerProps"
       },
       "required": false,
       "type": {
-        "name": "() => void"
+        "name": "boolean"
       }
     },
-    "readOnly": {
+    "onClose": {
       "defaultValue": null,
-      "description": "Make picker read only",
-      "name": "readOnly",
+      "description": "On close callback",
+      "name": "onClose",
       "parent": {
         "fileName": "material-ui-pickers/lib/src/typings/BasePicker.tsx",
         "name": "BasePickerProps"
       },
       "required": false,
       "type": {
-        "name": "boolean"
+        "name": "() => void"
       }
     },
     "autoOk": {
@@ -3135,30 +3135,30 @@
         "name": "boolean"
       }
     },
-    "onClose": {
+    "readOnly": {
       "defaultValue": null,
-      "description": "On close callback",
-      "name": "onClose",
+      "description": "Make picker read only",
+      "name": "readOnly",
       "parent": {
         "fileName": "material-ui-pickers/lib/src/typings/BasePicker.tsx",
         "name": "BasePickerProps"
       },
       "required": false,
       "type": {
-        "name": "() => void"
+        "name": "boolean"
       }
     },
-    "readOnly": {
+    "onClose": {
       "defaultValue": null,
-      "description": "Make picker read only",
-      "name": "readOnly",
+      "description": "On close callback",
+      "name": "onClose",
       "parent": {
         "fileName": "material-ui-pickers/lib/src/typings/BasePicker.tsx",
         "name": "BasePickerProps"
       },
       "required": false,
       "type": {
-        "name": "boolean"
+        "name": "() => void"
       }
     },
     "autoOk": {

diff --git a/lib/src/views/Clock/ClockNumber.tsx b/lib/src/views/Clock/ClockNumber.tsx
@@ -47,7 +47,7 @@ export const useStyles = makeStyles(
         height: 32,
         userSelect: 'none',
         position: 'absolute',
-        left: `calc(50% - ${size / 2}px)`,
+        left: `calc((100% - ${typeof size === 'number' ? `${size}px` : size}) / 2)`,
         display: 'inline-flex',
         justifyContent: 'center',
         alignItems: 'center',