Allows commenting outside edit mode when seamless editing is disabled. (#5422)

2023-06-10 15:56:00 +03:00
parent 3f7e66980b
commit d319bb7d9a
12 changed files with 112 additions and 42 deletions
--- a/app/editor/components/ToolbarButton.tsx
+++ b/app/editor/components/ToolbarButton.tsx
@@ -6,9 +6,11 @@ type Props = { active?: boolean; disabled?: boolean };
 export default styled.button.attrs((props) => ({
  type: props.type || "button",
 }))<Props>`
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
  flex: 0;
-  width: 24px;
+  min-width: 24px;
  height: 24px;
  cursor: var(--pointer);
  border: none;