Fixed permalink validation issues. (#2071)

Co-authored-by: Alexander Zaslonov <alzaslon@microsoft.com>

package.json

@@ -76,12 +76,12 @@
         "@braintree/sanitize-url": "6.0.2",
         "@microsoft/applicationinsights-web": "^2.8.9",
         "@monaco-editor/loader": "^1.3.2",
-        "@paperbits/azure": "0.1.536",
-        "@paperbits/common": "0.1.536",
-        "@paperbits/core": "0.1.536",
-        "@paperbits/forms": "0.1.536",
-        "@paperbits/prosemirror": "0.1.536",
-        "@paperbits/styles": "0.1.536",
+        "@paperbits/azure": "0.1.545",
+        "@paperbits/common": "0.1.545",
+        "@paperbits/core": "0.1.545",
+        "@paperbits/forms": "0.1.545",
+        "@paperbits/prosemirror": "0.1.545",
+        "@paperbits/styles": "0.1.545",
         "@webcomponents/custom-elements": "1.5.1",
         "@webcomponents/shadydom": "^1.10.0",
         "client-oauth2": "4.3.3",

src/components/app/app.html

@@ -1 +1,4 @@
+<workshops></workshops>
+<tray></tray>
+<dropbucket></dropbucket>
 <view-manager></view-manager>

src/startup.publish.ts

@@ -3,7 +3,6 @@ import * as path from "path";
 import { ISettingsProvider } from "@paperbits/common/configuration";
 import { InversifyInjector } from "@paperbits/common/injection";
 import { IPublisher } from "@paperbits/common/publishing";
-import { CoreModule } from "@paperbits/core/core.module";
 import { CorePublishModule } from "@paperbits/core/core.publish.module";
 import { FormsModule } from "@paperbits/forms/forms.module";
 import { ProseMirrorModule } from "@paperbits/prosemirror/prosemirror.module";
@@ -37,7 +36,6 @@ const outputBlobStorage = new FileSystemBlobStorage("./dist/website");
 
 /* Initializing dependency injection container */
 const injector = new InversifyInjector();
-injector.bindModule(new CoreModule());
 injector.bindModule(new CorePublishModule());
 injector.bindModule(new StylePublishModule());
 injector.bindModule(new ProseMirrorModule());

src/themes/designer/styles/editors/colorSelector.scss

@@ -1,16 +1,3 @@
-.color {
-    cursor: pointer;
-    border-radius: 50%;
-    box-shadow: inset -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
-    width: 30px;
-    height: 30px;
-    margin: 10px;
-    padding: 0;
-    display: block;
-    position: relative;
-    text-align: center;
-    line-height: 30px;
-}
 
 .pseudo-transparent-bckg {
     position: relative;
@@ -26,7 +13,7 @@
     .color-box {
         float: left;
         position: relative;
-        @include selection(10px);
+        cursor: pointer;
 
         &.selected:before {
             position: absolute;
@@ -40,5 +27,35 @@
             left: 50%;
             transform: translate(-50%, -50%);
         }
+
+        &:focus,
+        &:hover {
+            outline: none;
+            @include selection(10px);
+        }
+
+        .color-box-wrapper {
+            position: relative;
+            display: block;
+            border: 0.2px solid #ccc;
+            border-radius: 50%;
+            box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
+            width: 30px;
+            height: 30px;
+            margin: 10px;
+            padding: 0;
+            line-height: 30px;
+            overflow: hidden;
+
+            &.pseudo-transparent-bckg {
+                @include pseudo-transparent-bckg();
+            }
+        }
+
+        .color {
+            @include fit();
+            display: block;
+            text-align: center;
+        }
     }
 }

src/themes/website/styles/widgets/picture.scss

@@ -0,0 +1,5 @@
+.picture {
+    display: inline-block;
+    flex-basis: auto;
+    max-width: 100%;
+}

src/themes/website/styles/widgets/tables.scss

@@ -1,3 +1,6 @@
 .table {
     overflow: auto;
+    display: block;
+    flex-basis: 100%;
+    max-width: 100%;
 }

src/themes/website/styles/widgets/widgets.scss

@@ -8,4 +8,5 @@
 @import "tabs.scss";
 @import "popups.scss";
 @import "tables.scss";
-@import "tabs.scss";
+@import "tabs.scss";
+@import "picture.scss";