Style tweaks for reporting page.

KevinJump · Oct 21, 2019 · cdc9e45 · cdc9e45
1 parent bc292f0
commit cdc9e45
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 13 deletions.
diff --git a/uSync8.BackOffice/App_Plugins/uSync8/components/uSyncReportView.html b/uSync8.BackOffice/App_Plugins/uSync8/components/uSyncReportView.html
@@ -80,7 +80,7 @@
                     </div>
                 </div>
             </div>
-            <div class="flex justify-center items-center" ng-if="vm.countChanges(vm.results) == 0 && !vm.showAll">
+            <div class="flex justify-center items-center padded" ng-if="vm.countChanges(vm.results) == 0 && !vm.showAll">
                 <localize key="usync_nochange"></localize>
             </div>
     </umb-box>

diff --git a/uSync8.BackOffice/App_Plugins/uSync8/usync.css b/uSync8.BackOffice/App_Plugins/uSync8/usync.css
@@ -89,12 +89,12 @@
     }
 
     .usync-handler-icon .badge.type-complete {
-        background-color: #35c786;
+        background-color: #27b171;
     }
 
     .usync-handler-icon .handler-badge i {
         font-size: 16px;
-        color: #35c786;
+        color: #27b171;
     }
 
     .usync-handler-icon .usync-handler-name {
@@ -116,7 +116,7 @@
     }
 
     .usync-handler-icon.usync-complete {
-        color: #35c786;
+        color: #1b264f;
     }
 
         .usync-handler-icon.usync-complete .usync-addon-icon {
@@ -259,8 +259,8 @@
 
     .usync-banner p {
         font-size: 120%;
-        max-width: 50%;
         margin: 20px;
+        line-height: 1.5;
     }
 
     .usync-banner .btn {
@@ -272,6 +272,7 @@
     width: 80%;
     justify-content: space-between;
     margin: 25px 0;
+    font-weight: bold;
 }
 
     .banner-icons > div {

diff --git a/uSync8.ContentEdition/Mapping/Mappers/ImagePathMapper.cs b/uSync8.ContentEdition/Mapping/Mappers/ImagePathMapper.cs
@@ -13,12 +13,14 @@
 namespace uSync8.ContentEdition.Mapping.Mappers
 {
     /// <summary>
-    ///  Mapper for images in an image cropper 
+    ///  Mapper for file path in an image cropper / upload control
     /// </summary>
     /// <remarks>
-    ///  this image cropper, removes / adds any virtual folder properties 
-    ///  to a site (so if you have your umbraco install in virtual folder paths)
+    ///  this removes / adds any virtual folder properties 
+    ///  to a path (so if you have your umbraco install in virtual folder paths)
     ///  
+    /// {"src":"/subfolder/media/2cud1lzo/15656993711_ccd199b83e_k.jpg","crops":null}
+    /// becomes 
     /// {"src":"/media/2cud1lzo/15656993711_ccd199b83e_k.jpg","crops":null}
     /// </remarks>
     public class ImagePathMapper : SyncValueMapperBase, ISyncMapper

diff --git a/uSync8.Site/App_Plugins/uSync8/components/uSyncReportView.html b/uSync8.Site/App_Plugins/uSync8/components/uSyncReportView.html
@@ -80,7 +80,7 @@
                     </div>
                 </div>
             </div>
-            <div class="flex justify-center items-center" ng-if="vm.countChanges(vm.results) == 0 && !vm.showAll">
+            <div class="flex justify-center items-center padded" ng-if="vm.countChanges(vm.results) == 0 && !vm.showAll">
                 <localize key="usync_nochange"></localize>
             </div>
     </umb-box>

diff --git a/uSync8.Site/App_Plugins/uSync8/usync.css b/uSync8.Site/App_Plugins/uSync8/usync.css
@@ -89,12 +89,12 @@
     }
 
     .usync-handler-icon .badge.type-complete {
-        background-color: #35c786;
+        background-color: #27b171;
     }
 
     .usync-handler-icon .handler-badge i {
         font-size: 16px;
-        color: #35c786;
+        color: #27b171;
     }
 
     .usync-handler-icon .usync-handler-name {
@@ -116,7 +116,7 @@
     }
 
     .usync-handler-icon.usync-complete {
-        color: #35c786;
+        color: #1b264f;
     }
 
         .usync-handler-icon.usync-complete .usync-addon-icon {
@@ -259,8 +259,8 @@
 
     .usync-banner p {
         font-size: 120%;
-        max-width: 50%;
         margin: 20px;
+        line-height: 1.5;
     }
 
     .usync-banner .btn {
@@ -272,6 +272,7 @@
     width: 80%;
     justify-content: space-between;
     margin: 25px 0;
+    font-weight: bold;
 }
 
     .banner-icons > div {