V5.16 rc2

[briri]

• Updates to all gem and JS dependencies
• Unlocked the MySQL gem so that it could upgrade to 0.5.6
• Updated the drafts_controller so that it calls out to the DMPHub to fetch related works found by the harvesters upon initial load
• removed curly braces that did not need to be there in dashboards.js
• fixed some issues with the display of the related works count in the grey text that appears under the DMP title (See screenshot).
• fixed issue with the grant id display in the slide out modal
• fixed issue with the z-index of the new slide out modal (DMP ID urls were showing through the modal)

[jupiter007]

Hi Brian. The changes look good to me.

[jupiter007]

@briri I'm wondering whether the "close" button might look better if outside of the content div.

I've included a screenshot of the before and after

I also added a hover effect on the close button to make it more visually interactive.

If you like the change, you can just update the css to be:

#quick-view-view h3 .form-actions button {
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
  height: 32px;
  width: 32px;
  font-size: .8rem;
  padding: 0;
}

#quick-view-view h3 .form-actions button:hover {
  background-color: #ccc;
}

[jupiter007]

Also, since we're using Sass, you can put the css in the sass nested format for more readability:

#quick-view-view {
  h3 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;

    .form-actions {
      margin-top: 0;
      padding-top: 0;
      padding-left: 0;

      button {
        border-radius: 50%;
        position: absolute;
        right: 10px;
        top: 10px;
        height: 32px;
        width: 32px;
        font-size: .8rem;
        padding: 0;

        &:hover {
          background-color: #ccc;
        }
      }
    }
  }

  p.preview-grant {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}