@silexlabs/silex 3.0.0-alpha.151 → 3.0.0-alpha.152

package/dist/client/client/grapesjs/project-bar.d.ts

@@ -1,4 +1,6 @@
 import { Editor } from 'grapesjs';
+export declare const PROJECT_BAR_PANEL_ID = "project-bar-panel";
+export declare const containerPanelId = "project-bar-container";
 export interface PanelObject {
     command: string | ((editor: Editor) => void);
     text: string;
@@ -12,6 +14,7 @@ export interface PanelObject {
         text: string;
         className: string;
     }[];
+    onClick?: (editor: Editor) => void;
 }
 export declare const projectBarPlugin: (editor: any, opts: any) => void;
 export declare function addButton(editor: Editor, panel: PanelObject): void;

package/dist/client/css/admin.css

@@ -4286,6 +4286,10 @@ form.silex-form .silex-form__group.col2 {
   width: 35px;
   box-shadow: none;
 }
+.gjs-pn-project-bar-panel .gjs-pn-buttons .gjs-pn-btn.project-bar__dirty {
+  background-color: #A291FF;
+  color: white;
+}
 .gjs-pn-project-bar-panel .logo {
   background-image: url("../assets/logo-silex-small.png");
   background-repeat: no-repeat;
@@ -4338,14 +4342,8 @@ form.silex-form .silex-form__group.col2 {
 }
 .gjs-pn-project-bar-container .project-bar__panel-header .project-bar__panel-header-button {
   cursor: pointer;
-  font-size: large;
-  font-weight: 400;
 }
 .gjs-pn-project-bar-container .project-bar__panel-header .project-bar__panel-header-button span {
-  position: relative;
-  left: -2px;
-  top: -11px;
-  font-weight: bolder;
   background-color: #444;
   border-radius: 100%;
   display: inline-block;
@@ -4551,6 +4549,40 @@ form.silex-form .silex-form__group.col2 {
   border-right-color: #ddd;
 }
 
+.gjs-editor .gjs-notification {
+  max-height: initial;
+  text-align: left;
+}
+
+.gjs-editor .gjs-notification,
+.gjs-editor .gjs-notification .gjs-sm-header,
+.gjs-editor .gjs-notification .gjs-notification__item,
+.gjs-editor .gjs-notification .gjs-notification__group > details,
+.gjs-editor .gjs-notification .gjs-notification__group > details > ul,
+.gjs-editor .gjs-notification .gjs-notification__group > details > summary,
+.gjs-editor .gjs-notification .gjs-notification__group {
+  padding: 0;
+  margin: 0;
+}
+
+.gjs-editor .gjs-notification .gjs-notification__group,
+.gjs-editor .gjs-notification .gjs-notification__item {
+  margin: 10px 0;
+  padding: 10px 0;
+}
+
+.gjs-editor .gjs-notification .gjs-notification__group .gjs-notification__item {
+  margin-left: 10px;
+}
+
+.gjs-suggest {
+  max-height: 30vh;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  padding-top: 7px;
+  border-bottom: solid #333333 7px;
+}
+
 #gjs {
   flex: 1 1 auto;
 }
@@ -4659,6 +4691,42 @@ form.silex-form .silex-form__group.col2 {
   right: var(--viewsPanelWidth);
 }
 
+.top-style-section {
+  position: sticky;
+  top: -1px; /* Fixes a visual gap on the top */
+  border-bottom: solid #575757 1px;
+  background-color: #333333;
+  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3764705882);
+  z-index: 999;
+}
+
+.gjs-clm-label-sel {
+  opacity: 0.5;
+}
+
+.gjs-clm-sels-info {
+  padding: 7px 0;
+  margin: 0;
+  overflow-x: scroll;
+}
+
+.gjs-clm-sel-rule {
+  word-break: break-all;
+}
+
+#gjs-clm-tags-field.gjs-field {
+  margin: 0;
+}
+
+.gjs-clm-tags {
+  padding-top: 7px;
+  padding-bottom: 0;
+}
+
+#gjs-clm-up {
+  margin-top: 0;
+}
+
 /*
 */
 .gjs-editor-cont .fa {