@concretecms/bedrock 1.3.2 → 1.3.5

package/assets/cms/js/edit-mode/area.js

@@ -386,8 +386,8 @@
             }
 
             if (!my.getElem().parent().is('#ccm-stack-container')) {
-                var template = _(ccmi18n.emptyArea).template()
-                elem.text(template({ area_handle: my.getElem().data('area-display-name') }))
+                var template = _('<span>' + ccmi18n.emptyArea + '</span>').template()
+                elem.html(template({ area_handle: my.getElem().data('area-display-name') }))
             }
             my.getDragAreas().push(drag_area)
             return drag_area

package/assets/cms/scss/_base.scss

@@ -93,9 +93,11 @@
 @import './permission-grid';
 @import './tooltips';
 @import 'spectrum-colorpicker2/dist/spectrum';
+@import './color-picker';
 @import './icons';
 @import './date-time';
 @import './dropdown';
 @import './utilities';
 @import './popover';
 @import './nav';
+@import './nav-sidebar';

package/assets/cms/scss/_color-picker.scss

@@ -0,0 +1,28 @@
+div.ccm-ui {
+  .ccm-widget-colorpicker {
+    border: 1px solid $input-border-color;
+    height: unset;
+    padding: 5px;
+    width: unset;
+
+    .sp-preview {
+      border: 1px solid $input-border-color;
+      border-radius: 2px;
+      height: 30px;
+      margin-right: 15px;
+      width: 35px;
+    }
+
+    .sp-dd {
+      color: $input-color;
+      font-size: 12px;
+      line-height: 2.6rem;
+      right: 2px;
+    }
+
+    &.sp-replacer:hover,
+    &.sp-replacer.sp-active {
+      border-color: $input-focus-border-color;
+    }
+  }
+}

package/assets/cms/scss/_inline-toolbar.scss

@@ -127,30 +127,6 @@
       position: relative;
     }
 
-    .sp-dd {
-      display: none;
-    }
-
-    .sp-replacer {
-      border: 1px solid #444;
-      border-radius: 4px;
-      height: 28px;
-      margin-left: 10px;
-      padding: 0;
-      width: 28px;
-
-      .sp-preview {
-        border: 0;
-        height: 28px;
-        width: 28px;
-
-        .sp-preview-inner {
-          height: 28px;
-          width: 28px;
-        }
-      }
-    }
-
     h3 {
       font-size: $font-size-base;
       font-weight: bold;

package/assets/cms/scss/_login-page.scss

@@ -13,12 +13,6 @@
     padding: 40px 0;
   }
 
-  .external-auth-option {
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 360px;
-  }
-
   h2.login-page-title {
     color: #fff;
     font-size: $modal-title-font-size;

package/assets/cms/scss/_nav-sidebar.scss

@@ -0,0 +1,43 @@
+div.ccm-ui {
+  .nav {
+    &.nav-sidebar {
+      @include border-radius($list-group-border-radius);
+
+      .nav-item {
+        border: $list-group-border-width solid $list-group-border-color;
+
+        &:first-child {
+          @include border-top-radius(inherit);
+        }
+
+        &:last-child {
+          @include border-bottom-radius(inherit);
+        }
+
+        + .nav-item {
+          border-top-width: 0;
+        }
+
+        a {
+          &:hover {
+            background-color: $gray-100;
+          }
+
+          &.active {
+            position: relative;
+
+            &::before {
+              background-color: $blue;
+              bottom: 0;
+              content: '';
+              left: 0;
+              position: absolute;
+              top: 0;
+              width: 2px;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/assets/cms/scss/_page-areas.scss

@@ -129,12 +129,13 @@ div.ccm-area.ccm-menu-item-hover {
 }
 
 div.ccm-area-footer {
-  //bottom: -35px;
+  bottom: 0;
   left: 0;
   max-width: 100%;
   opacity: 0;
   padding-left: 20px;
   position: absolute;
+  transform: translateY(100%);
   transition: opacity 0.5 s cubic-bezier(0.19, 1, 0.22, 1);
   white-space: nowrap;
   //padding-top: 15px;
@@ -148,7 +149,6 @@ div.ccm-area-footer {
     color: #666;
     display: inline-block;
     font-size: $font-size-base !important;
-    height: 35px;
     max-width: 100%;
     padding: 8px 15px;
 
@@ -409,9 +409,12 @@ div.ccm-area-drag-area {
   outline-color: rgb(170, 255, 170);
   outline-style: solid;
   outline-width: 0;
-  text-indent: -10000em;
   transition: outline-width 0.5s cubic-bezier(0.19, 1, 0.22, 1), outline-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
 
+  span {
+    display: none;
+  }
+
   &.ccm-area-drag-area-contender {
     background-color: rgba(221, 255, 221, 0.5);
     outline: solid 5px rgba(221, 255, 221, 0.7) !important;
@@ -445,9 +448,12 @@ html.ccm-block-dragging {
 div.ccm-area[data-total-blocks='0'] {
   div.ccm-area-drag-area {
     color: #bbb;
+    display: block;
     padding: 24px;
     text-align: center !important; /* https://github.com/concrete5/concrete5/issues/10249 */
-    text-indent: 0;
+    span {
+      display: inline-block;
+    }
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@concretecms/bedrock",
-  "version": "1.3.2",
+  "version": "1.3.5",
   "description": "The asset framework and dependencies for Concrete CMS.",
   "scripts": {
     "lint": "standardx \"**/*.{js,vue}\" && stylelint assets/**/*.{scss,vue}",