Merge pull request #34 from heinsj/publish21aug2018

Publish21aug2018

docs/updatehistory.html

@@ -35,6 +35,7 @@ <h1>Visual Update 1 for IBM Connections</h1>
   <ul>
     <li>CONTENTS</li>
     <li><a href="#summary">Styled pages and apps</a></li>
+    <li><a href="#aug2018">Mid August 2018</a></li>
     <li><a href="#july2018">Mid June - July 2018</a></li>
     <li><a href="#may2018">May - Mid June 2018</a></li>
     <li><a href="#late-apr2018">Late April 2018</a></li>
@@ -59,6 +60,7 @@ <h1><a name="about"></a>Update History</h1>
 <h2><a class="anchor" name="summary">Summary of pages and apps that are styled</a></h2>
 <p>This preview only applies to the following applications and pages:
 <ul>
+<li><strong>NEW!!</strong> Activities (stand-alone and in Communities) (added mid August 2018)</li>
 <li>Community pages and apps (added late May 2018)</li>
 <li>Communities catalog page and create community (added late March 2018)</li>
 <li>Edit Community (added late March 2018)</li>
@@ -81,10 +83,109 @@ <h2><a class="anchor" name="summary">Summary of pages and apps that are styled</
 </p>
 
 
-<!--MAY-->
+<!--MID AUGUST-->
+<h2><a class="anchor" name="aug2018">Mid August 2018</a></h2>
+<p>This release includes style fixes and a couple of enhancements to previously released apps and pages. Examples of 'style fixes' typically include updates so that elements of the page are not cut off, misaligned, or missing. We continue to update the visual styling in places where we missed it in previous releases. These updates apply to Cloud and On-premises Connections, unless otherwise noted.</p>
+
+<p>With this update we are adding some general styling updates:
+  <ul>
+    <li>Added styling for stand-alone and community Activities.</li>
+  </ul>
+</p>
+
+<h4>Customization improvements</h4>
+<ul>
+<li>Added variables to customizethe spacing between entries in left navigation panels through out. This includes updates to the hover and selection bars.</li>
+<li>Added variables to customizefont-weight of links</li>
+</ul>
+
+<h4>Activities</h4>
+<ul>
+<li>Added styling for stand-alone and community Activities.</li>
+</ul>
+
+<h4>Blogs (stand-alone and in communities)</h4>
+<ul>
+<li>Updated stand-alone blog left navigation to have consistent styling with other apps</li>
+<li>Changed capitalization of tab text to initial which is consistent with other apps</li>
+<li>Improved consistency of action links that appear with meta information</li>
+<li>Added some space between lines of tags when they wrap, so that the tags don't touch</li>
+<li>Updated stand-alone blog avatars to be round on right side widgets</li>
+</ul>
+
+<h4>Create a community</h4>
+<ul>
+<li>Improved field spacing when searching for members and how selected members are displayed</li>
+</ul>
+
+<h4>Community Files</h4>
+<ul>
+<li>Updated inconsistent hover style when in share a file dialog</li>
+<li>Fixed folder hierarchy that was not nesting correctly</li>
+</ul>
+
+<h4>Community Metrics</h4>
+<ul>
+<li>Fixed issue where chart line colors did not match the app color</li>
+<li>Increased width of chart lines to be easier to see</li>
+</ul>
+
+<h4>Community Surveys</h4>
+<ul>
+<li>Added spacing between icon and title and status and More link. Made title link color match other views.</li>
+</ul>
+
+<h4>Community Overview</h4>
+<ul>
+<li>Updated widgets to have same color links regardless of what column the widget is in</li>
+<li>Updated entry and post titles on files and wikis widgets to use link color consistent with other widgets</li>
+<li>Updated members widget to reduce padding in order to show more members</li>
+</ul>
+
+<h4>Files</h4>
+<ul>
+<li>Fixed issue causing spreadsheet tabs to be unusable</li>
+<li>Fixed issue where new folder icon was not appearing in search panel</li>
+<li>Fixed issue where spreadsheet icon was not appearing in file viewer</li>
+<li>Styled type-ahead field when filtering Folders shared with me by who created the folder</li>
+</ul>
+
+<h4>Forums (stand-alone and in communities)</h4>
+<ul>
+<li>Updated title field text size to be consistent with other post forms</li>
+<li>Updated styling of stand-alone forums left navigation, buttons, and title of the app o be consistent with other apps</li>
+<li>When no width or height is set on images, scale them to fit the area</li>
+</ul>
+
+<h4>Homepage - Classic</h4>
+<ul>
+<li>Improve “Saved” indicator to not look like a link when it is not clickable</li>
+</ul>
+
+<h4>Search History</h4>
+<ul>
+<li>Fixed issue where some entries randomly indented</li>
+</ul>
+
+
+<h4>Wikis (stand-alone and in communities)</h4>
+<ul>
+<li>Fixed tabs that appear when editing because they were overlapping the edit area</li>
+<li>Updated table and list styles to be consistent with other apps and fixed column header alignment issue</li>
+<li>When editing HTML Source of a page, Hide Guide won’t cut off the buttons anymore</li>
+<li>Fixed alignment issues on insert image dialog where tabs are cut off</li>
+<li>Updated left navigation of stand-alone app to be consistent with other apps</li>
+<li>Adjusted vertical alignment of checkboxes in Trash view</li>
+<li>Updated spacing and alignment of meta data in the list of wikis</li>
+<li>Updated Insert Connections File dialog to have consistent styling with others</li>
+<li>Fixed alignment of member avatars in left nav of stand-alone wiki</li>
+</ul>
+
+
+<!--MID JUNE - JULY-->
 <h2><a class="anchor" name="july2018">Mid June - July 2018</a></h2>
 
-<p>This release includes style fixes and a couple of enhancements to previously released apps and pages. Examples of 'style fixes' typically include updates so that elements of the page are not cut off, misaligned, or missing. We continue to update the visual styling in places where we missed it in previous releases. These updates apply to Cloud and On-premises Connections, unless otherwise noted.</p>
+<p>This release includes style fixes and a couple of enhancements to previously released apps and pages. </p>
 
 <h4>Customization improvements</h4>
 <p>If you use this app as a basis for your own customizations, we made improvements to variables which allow you to customize with much less effort.</p>
@@ -217,7 +318,7 @@ <h4>Stand-alone Wikis (On-premises only)<h4>
 
 
 
-<!--MAY-->
+<!--MAY - MID JUNE-->
 <h2><a class="anchor" name="may2018">May - Mid June 2018</a></h2>
 <p>With this update we are adding some general styling updates:
   <ul>

periscope.js

@@ -33,7 +33,7 @@ function periscope(){
     "search":["/search/"],
     "communities":["/communities/"],
     "blogs":["/blogs/"],
-//    "activities":["/activities/"],
+    "activities":["/activities/"],
     "home":["/social/",
             "/homepage/"],
     "forums":["/forums/"],

scss/activities.scss

@@ -22,7 +22,6 @@
 @import "apps/communities/appNavigator";
 @import "apps/communities/comments";
 @import "apps/communities/dialogs";
-@import "apps/communities/leftnav";
 @import "apps/communities/metaTags";
 @import "apps/communities/spacing";
 @import "apps/communities/newentry";

scss/apps/activities/_activities.scss

@@ -1,13 +1,13 @@
-// activities list 
+// activities list
 .lotusui30 #activitiesTitleBar .lotusTitleBar2 .lotusTitleBarContent {
   margin-right: 0 !important;
   white-space: nowrap;
-  
+
   .lotusHeading + div {
     display: block;
     //max-width: calc(100% - 253px);
     overflow: auto;
-    
+
     .lotusNavTabs {
       white-space: nowrap;
       margin-left: 1.5rem !important;
@@ -18,6 +18,19 @@
   }
 }
 
+#activitiesBanner {
+  #activitiesTitleBar .lotusTitleBar2Tabs .lotusInner {
+    height: auto;
+
+    #activitiesNagvigationToolbar {
+      margin-bottom: 0;
+    }
+  }
+  + .ActivityTitleBar.lotusPlaceBar #communityActionBarContainer {
+    //
+  }
+}
+
 //Start an activity and create an activity template form
 #activitiesMainRegion,
 #t_activitiesMainRegion {
@@ -88,34 +101,39 @@
   }
 }
 
+//1745: Start and create activity due date--keep bottom border only.
+div[id^="widget_lconn_act_ActivityForm_"][id$="duedate"] {
+    border:none !important;
+}
 
-// spacing at the top of activities pages 
+// spacing at the top of activities pages
 .lotusui30_layout .lotusMain .lotusContent { //this overrides hikari styles and doesn't need to be any more specific because the activities style sheet itself keeps the scope on activities pages
   padding-top: 4rem;
-  
+
   .lotusForm2 .lotusFormTitle .lotusHeading,
   .lotusHeader h1 {
     @include font-size($title...);
     padding-top: 0;
   }
 }
 
-#activitiesMainRegion #activityList .lotusForm2, 
-#activitiesMainRegion #t_activityList .lotusForm2, 
-#t_activitiesMainRegion #activityList .lotusForm2, 
+#activitiesMainRegion #activityList .lotusForm2,
+#activitiesMainRegion #t_activityList .lotusForm2,
+#t_activitiesMainRegion #activityList .lotusForm2,
 #t_activitiesMainRegion #t_activityList .lotusForm2 {
   padding-top: 0;
 }
 
 .lotusui30 #activitiesBanner+#lotusPlaceBar.lotusPlaceBar {
+
   > .lotusRightCorner {
     padding: 0 !important;
     box-sizing: border-box;
     min-width: 0 !important;
-    
+
     > .lotusInner {
-      top: 4rem;
-      
+      //top: 4rem;
+
       &:after {
         content: '';
         display: block;
@@ -124,74 +142,75 @@
     }
   }
   padding-left: 48px;
-  margin-left: 240px;
+  margin-left: $leftnav-width;
   box-sizing: border-box;
-  width: calc(100% - 240px);
+  width: calc(100% - $leftnav-width);
   h2#lotusPlaceBar-Title {
     @include font-size($title...);
     margin-left: 0 !important;
     margin-right: 2rem !important;
   }
   #communityActionBarContainer {
     float: right;
-    top: -3rem;
+    //top: -3rem;
+    padding-top: .25rem !important;
     position: relative;
-    
+
     ul.lotusInlinelist.lotusActions.lotusRight {
       width: auto;
     }
   }
 }
 
-// 1705: Leading, space before, and space after, of descriptive text under headings on Activities and 
+// 1705: Leading, space before, and space after, of descriptive text under headings on Activities and
 //       To Do List tabs.
-.lotusMeta[dojoattachpoint="subtitle_AP"], 
+.lotusMeta[dojoattachpoint="subtitle_AP"],
 .lotusMeta[id="todolistWidget-Meta"] {
   @include font-size($caption...);
   line-height: 1rem !important;
   padding-top: 1.1rem !important;
-  padding-bottom: .8rem;  
+  padding-bottom: .8rem;
 }
 
-// 1212: create activity - correct an inline width which is causing the content to be cut off 
+// 1212: create activity - correct an inline width which is causing the content to be cut off
 div[id^="lconn_act_ActivityForm_"][id$="people"].lotusFormField {
   width: auto !important;
   white-space: nowrap;
-  
+
   > label,
   .lotusFieldWrapper.lconnActAddMembersAP {
     float: none !important;
     display: inline-block;
     vertical-align: top;
   }
-  
+
   div[dojoattachpoint="communityMemberArea_AP"] {
-    div[dojoattachpoint="allCommunityMembersSection_AP"], 
+    div[dojoattachpoint="allCommunityMembersSection_AP"],
     div[dojoattachpoint="allCommunityMembersSection_AP"] + div {
       margin: .5rem 0 0;
     }
     input[type="radio"] {
       vertical-align: baseline !important;
-      
+
       ~ select {
         width: auto !important;
         min-width: 1px !important;
         display: inline-block !important;
       }
     }
   }
-  
+
   .lotusFieldWrapper.lconnActAddMembersAP {
     max-width: calc(100% - 150px);
   }
-  
+
   label.lotusCheckbox {
     white-space: normal !important;
   }
-  
+
   .peopleFilterListContainers,
-  .assignToList .peopleList, 
-  .notifyList .peopleList, 
+  .assignToList .peopleList,
+  .notifyList .peopleList,
   .templateList .peopleList {
     width: auto;
   }
@@ -203,4 +222,40 @@ div[id^="lconn_act_ActivityForm_"][id$="people"].lotusFormField {
 .cke_dialog_tab {
   display: inline-block;
   margin-right: 1rem !important;
-}
+}
+
+// 1726 Spacing in to-do creation dialog, Notify section, above "Type to filter this list" and member chiclets
+div[id^="lconn_act_NotifySection_"] .lotusFieldWrapper {
+  //All individual members checkbox
+  label[for$="notifyAll"] strong {
+    font-weight: 500;
+  }
+  //Individual members and community drop down
+  select[dojoattachpoint="groupSelect_AP"] {
+    font-weight: 500;
+  }
+  //Filter field
+  input:not(#generateAppPassword):not(#enableBiDi):not(#activitiesAddButton):not([type="radio"]):not([type="checkbox"])[id^="lconn_core_FilteringCheckbox_"][id$="FilterTextbox"] {
+    padding-top: 10px !important;
+    width: 100%;
+  }
+  //Style selected names
+  div[id^="lconn_core_PeopleFilterList_"] {
+    padding-top: 5px;
+    > a {
+      margin-top: 5px !important;
+      .menu_drop_icon {
+        vertical-align: middle;
+      }
+    }
+  }
+}
+//Notify message
+div[dojoattachpoint="notifyMessageWrapper_AP"] .notifyMessage {
+  width: 100%;
+}
+
+//1693 Date field in new to-do.
+div[id^="widget_lconn_act_ToDoForm_"][id$="duedate"] {
+ border: transparent;
+}