Update: Disco ICT Online Services - Plugin Library

Migrate plugin library to https://services.discoict.com.au

Disco.Web/ClientSource/Style/BundleSite.css

@@ -4144,6 +4144,7 @@ div.actionBar {
   border-top: 1px solid #d1d1d1;
   text-align: right;
   background-color: #f2f2f2;
+  clear: both;
 }
 div.actionBar:not(:first-child) {
   margin-top: 10px;

Disco.Web/ClientSource/Style/Config.css

@@ -946,31 +946,42 @@ div.logEventsViewport table.logEventsViewport > tbody > tr > td.eventType {
 #dialogUninstallPluginConfirm #uninstallPluginDataConfirm {
   margin-top: 1em;
 }
-#pluginCatalog #pluginCatalogHeading {
-  margin-bottom: 20px;
-  text-align: right;
+#pluginLibraryHeading {
+  float: right;
 }
-#pluginCatalog .pluginItem .pluginItemBlurb {
-  margin: 4px 0 4px 2px;
+#pluginLibrary #pluginLibraryGroups {
+  width: 900px;
+  margin: 0 auto;
+}
+#pluginLibrary #pluginLibraryGroups > div.form {
+  width: 50%;
+  float: left;
+}
+#pluginLibrary #pluginLibraryGroups > div.form > table {
+  margin: 0 10px 10px 4px;
+  width: calc(100% - 14px);
+}
+#pluginLibrary .pluginItem .pluginItemBlurb {
+  margin: 8px 0 8px 2px;
   padding: 0 4px;
-  border-left: 4px solid #f4f4f4;
+  border-left: 4px solid #d1d1d1;
 }
-#pluginCatalog .pluginItem .pluginItemBlurb * {
+#pluginLibrary .pluginItem .pluginItemBlurb * {
   padding: 0;
   margin: 0;
 }
-#pluginCatalog .pluginItem .pageMenuBlurb i {
+#pluginLibrary .pluginItem .pageMenuBlurb i {
   font-size: .9em;
 }
-#pluginCatalog .pluginItem > h2:first-child {
+#pluginLibrary .pluginItem > h2:first-child {
   min-height: 22px;
 }
-#pluginCatalog .pluginItem > h2:first-child i {
+#pluginLibrary .pluginItem > h2:first-child i {
   font-size: .9em;
   padding-right: 4px;
   color: #333333;
 }
-#pluginCatalog .pluginItem > h2:first-child a {
+#pluginLibrary .pluginItem > h2:first-child a {
   float: right;
   font-size: 12px;
 }

Disco.Web/ClientSource/Style/Config.less

@@ -671,11 +671,13 @@ div.logEventsViewport {
         margin-top: 4px;
     }
 }
+
 #Config_DocumentTemplates_Scope_Dialog {
     div.input {
         margin: 14px 10px 20px;
     }
 }
+
 #Config_DocumentTemplates_TemplatePdf_Dialog {
     div {
         text-align: center;
@@ -1066,34 +1068,53 @@ div.logEventsViewport {
 }
 
 #dialogUninstallPlugins {
-    #uninstallPlugin{
+    #uninstallPlugin {
         margin: .5em 0;
     }
-    #uninstallPluginData{
+
+    #uninstallPluginData {
         margin: .5em 0;
     }
 }
+
 #dialogUninstallPluginConfirm {
     #uninstallPluginConfirm {
         text-align: center;
         margin: 1em 0 0.5em 0;
     }
-    #uninstallPluginDataConfirm{
+
+    #uninstallPluginDataConfirm {
         margin-top: 1em;
     }
 }
 
-#pluginCatalog {
-    #pluginCatalogHeading {
-        margin-bottom: 20px;
-        text-align: right;
+#pluginLibraryHeading {
+    float: right;
+}
+
+#pluginLibrary {
+
+    #pluginLibraryGroups {
+
+        width: 900px;
+        margin: 0 auto;
+
+        & > div.form {
+            width: 50%;
+            float: left;
+
+            & > table {
+                margin: 0 10px 10px 4px;
+                width: calc(~"100% - 14px");
+            }
+        }
     }
 
     .pluginItem {
         .pluginItemBlurb {
-            margin: 4px 0 4px 2px;
+            margin: 8px 0 8px 2px;
             padding: 0 4px;
-            border-left: 4px solid @TableDataBorderColour;
+            border-left: 4px solid @BackgroundColour;
 
             * {
                 padding: 0;
@@ -1129,6 +1150,7 @@ div.logEventsViewport {
         margin-top: 1em;
     }
 }
+
 #dialogUploadPlugin {
     #pluginFile {
         margin: 1em 0 1em 6px;
@@ -1625,4 +1647,4 @@ div.logEventsViewport {
             display: none;
         }
     }
-}
+}

Disco.Web/ClientSource/Style/Site.css

@@ -483,6 +483,7 @@ div.actionBar {
   border-top: 1px solid #d1d1d1;
   text-align: right;
   background-color: #f2f2f2;
+  clear: both;
 }
 div.actionBar:not(:first-child) {
   margin-top: 10px;

Disco.Web/ClientSource/Style/Site.less

@@ -434,6 +434,7 @@ div.actionBar {
     border-top: 1px solid @ActionBarBorder;
     text-align: right;
     background-color: @ActionBarBackgound;
+    clear: both;
 
     &:not(:first-child) {
         margin-top: 10px;