fix(core): Update dependency versions and adjust UI CSS for fab and combox elements

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@social.io/catalog',
-  version: '1.2.2',
+  version: '1.2.3',
   description: 'catalog for social.io'
 }

ts_web/elements/sio-combox.ts

@@ -4,6 +4,7 @@ import {
   html,
   customElement,
   type TemplateResult,
+  cssManager,
 } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
 
@@ -124,7 +125,7 @@ export class SioCombox extends DeesElement {
           width: 100%;
           padding-bottom: 16px;
           grid-template-columns: repeat(2, 1fr);
-          background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
+          background-image: linear-gradient(to bottom, ${cssManager.bdTheme('#eeeeeb00', 'rgba(0, 0, 0, 0)')} 0%, ${cssManager.bdTheme('#eeeeebff', 'rgba(0, 0, 0, 1)')} 50%);
           padding-top: 24px;
         }
 

ts_web/elements/sio-fab.ts

@@ -120,7 +120,9 @@ export class SioFab extends DeesElement {
           height: 100%;
           font-size: 32px;
           color: ${cssManager.bdTheme('#777', '#999')};
-          top: 2px;
+          top: 0px;
+          left: 0px;
+          transform: translateY(2px);
         }
 
         #mainbox .icon.close dees-icon {
@@ -128,6 +130,8 @@ export class SioFab extends DeesElement {
           width: 100%;
           height: 100%;
           font-size: 24px;
+          top: 0px;
+          left: 0px;
           color: ${cssManager.bdTheme('#666', '#CCC')};
         }