Add callout button to the slate

intk · Sep 28, 2023 · 99cfd37 · 99cfd37
1 parent 7237b4a
commit 99cfd37
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/frontend/src/config.js b/frontend/src/config.js
@@ -60,6 +60,25 @@ export default function applyConfig(config) {
     title: 'Homepage',
   });
 
+  config.settings.slate.toolbarButtons = [
+    'bold',
+    'italic',
+    'strikethrough',
+    'link',
+    'separator',
+    'heading-two',
+    'heading-three',
+    'separator',
+    'sub',
+    'sup',
+    'separator',
+    'numbered-list',
+    'bulleted-list',
+    'blockquote',
+    'styleMenu',
+    'callout',
+  ];
+
   config.settings.asyncPropsExtenders = [
     ...config.settings.asyncPropsExtenders,
     {

diff --git a/frontend/theme/globals/site.overrides b/frontend/theme/globals/site.overrides
@@ -1240,6 +1240,19 @@ body:not(.has-mobile-menu-open){
   display: none !important;
 }
 
+#view, #page-edit{
+  p.callout {
+    font-size: 15px;
+    color: #777777;
+    margin-top: 0px;
+    border: none;
+    box-shadow: none;
+    padding-left: 0px;
+    @media screen and (max-width: 1200px) {
+      font-size: 12px;
+    }
+  }
+}
 #view #photo-credit, #page-edit #photo-credit {
   p {
     font-size: 15px;