improved ui components and styling of wysiwyg component

fleetbase · Aug 2, 2024 · 66b577f · 66b577f
1 parent 255c35e
commit 66b577f
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/addon/components/content-panel.hbs b/addon/components/content-panel.hbs
@@ -81,7 +81,7 @@
                             </span>
                         {{/if}}
                         {{#each @actionButtons as |button|}}
-                            <Button @type={{button.type}} @text={{button.text}} @icon={{button.icon}} @size={{button.size}} @iconPrefix={{button.iconPrefix}} @onClick={{button.onClick}} />
+                            <Button @type={{button.type}} @text={{button.text}} @icon={{button.icon}} @size={{button.size}} @iconPrefix={{button.iconPrefix}} @onClick={{button.onClick}} @wrapperClass={{button.wrapperClass}} class={{button.class}} />
                         {{/each}}
                         {{#if @dropdownButton}}
                             <DropdownButton

diff --git a/addon/components/toggle.hbs b/addon/components/toggle.hbs
@@ -21,7 +21,7 @@
         {{/if}}
         {{#if @helpText}}
             <div class={{if @label "ml-2"}}>
-                <FaIcon @icon={{or @icon "info-circle"}} class="text-gray-300 dark:text-gray-100 {{@iconClass}}" />
+                <FaIcon @icon={{or @icon "info-circle"}} @size="xs" class="text-gray-300 dark:text-gray-100 text-xs {{@iconClass}}" />
                 <Attach::Tooltip @class="clean" @animation="scale" @placement={{or @tooltipPlacement "right"}}>
                     <InputInfo @text={{@helpText}} @exampleText={{@exampleText}} />
                 </Attach::Tooltip>

diff --git a/addon/styles/components/tip-tap-editor.css b/addon/styles/components/tip-tap-editor.css
@@ -173,6 +173,7 @@ body[data-theme='dark'] .tip-tap-editor > .tip-tap-editor-controls {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     border-left: 0px;
+    height: 22.8px;
 }
 
 .tip-tap-editor > .tip-tap-editor-controls .tip-tap-colorpicker > input[type='color' i]::-webkit-color-swatch-wrapper {
@@ -257,12 +258,14 @@ body[data-theme='dark'] .tip-tap-editor > .tip-tap-editor-controls > .tip-tap-ed
 .tip-tap-editor > .tip-tap-editor-controls > .btn-wrapper > a.tip-tap-control-button,
 .tip-tap-editor > .tip-tap-editor-controls > .btn-wrapper > button.tip-tap-control-button {
     box-shadow: none;
+    height: 22.8px;
 }
 
 .tip-tap-editor > .tip-tap-editor-controls a.tip-tap-control-button,
 .tip-tap-editor > .tip-tap-editor-controls button.tip-tap-control-button {
     padding: 0.15rem 0.4rem;
     box-shadow: none;
+    height: 22.8px;
 }
 
 .tip-tap-editor > .tip-tap-editor-controls a.tip-tap-control-button .btn-icon-wrapper > svg,
@@ -280,6 +283,7 @@ body[data-theme='dark'] .tip-tap-editor > .tip-tap-editor-controls > .tip-tap-ed
     box-shadow: none;
     padding: 0 0.4rem;
     font-size: 0.75rem;
+    height: 22.8px;
 }
 
 .tip-tap-editor > .tip-tap-editor-controls > .ember-basic-dropdown .next-dd-menu {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/ember-ui",
-    "version": "0.2.20",
+    "version": "0.2.21",
     "description": "Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.",
     "keywords": [
         "fleetbase-ui",