fix(deposit-form, detail-page, collections): Improved collection disp…

…lay for published records in upload form; Tweaks to detail page publication info display; Added version flag to upload form header

assets/less/site/collections/form.overrides

@@ -459,9 +459,6 @@ textarea {
             .ui.message {
               display: flex;
               align-items: center;
-              .info.icon {
-                font-size: @huge;
-              }
               p {
                 margin: 0;
               }
@@ -496,9 +493,19 @@ textarea {
             align-items: center;
             > .field:first-child > .grid {
               align-items: center;
+              margin-right: 1rem;
+              overflow-x: auto;
+              max-height: 10rem;
               .ui-small-header {
                 margin-top: 0;
               }
+              .community-header-logo {
+                width: 2.5rem;
+                height: 2.5rem;
+                max-width: 2.5rem;
+                max-height: 2.5rem;
+                object-fit: cover;
+              }
             }
           }
         }

assets/less/site/collections/menu.overrides

@@ -141,6 +141,7 @@
             &:focus,
             &:active {
               background-color: @mint60 !important;
+              z-index: 100;
             }
           }
           a,

assets/less/site/collections/message.overrides

@@ -4,6 +4,10 @@
   color: @verdigrisDark;
   box-shadow: none;
 
+  p {
+    flex-grow: 1;
+  }
+
   &.negative,
   &.file-box-message {
     border: 1px solid @negativeBorderColor;
@@ -54,6 +58,9 @@
 
 .file-upload-note {
   .ui.message {
+    .info.icon {
+      margin-top: 0.2rem;
+    }
     .header {
       font-size: 1rem;
       margin: 0;
@@ -64,11 +71,21 @@
 
 .ui.message.file-type-message {
   align-items: flex-start;  // Aligns the icon to the top of the accordion
-  .icon {
+  .large.icon {
     color: @infoColor;
-    margin-top: 0.2rem;
-    &.dropdown {
-      color: @infoTextColor;
-    }
+    margin-right: 1.5rem;
+    font-size: 1.5rem !important;
+    position: relative;
+    left: 1px;
   }
-}
+}
+
+.file-uploader-container > .column > .column:first-child {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  & + .info.message {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top: none;
+  }
+}

assets/less/site/elements/button.overrides

@@ -27,13 +27,13 @@
 
 .ui.buttons > .ui.button:not(.inverted),
 .ui.buttons:not(.inverted) > .ui.button,
-.ui.button {
+.ui.button,
+.ui.info.message .button,
+.ui.info.message .ui.button.icon {
   background-color: @white;
   color: @ivy;
   box-shadow: 0px 0px 0px 1px @verdigris90 inset, 0px 0em 0px 0px @verdigris90 inset;
-  // &:focus-visible {
-  //   outline: 3px solid @gold !important;
-  // }
+
   &:hover,
   &:active,
   &:focus {
@@ -70,12 +70,21 @@
   }
 
   &.positive {
+    color: @white;
+    background-color: @positiveColor !important;
+    box-shadow: none !important;
+    border: 1px solid @positiveColor;
 
     &:hover,
     &:active,
     &:focus {
       color: @positiveBackgroundColor;
       background-color: @positiveColorDown !important;
+      border: 1px solid @positiveColorDown;
+    }
+
+    .icon {
+      color: @white;
     }
   }
 

assets/less/site/elements/image.overrides

@@ -12,6 +12,9 @@
   img {
     object-fit: cover;
     min-height: 80px;
+    min-width: 80px;
+    max-height: 80px;
+    max-width: 80px;
     border-radius: @defaultBorderRadius;
     box-shadow: 0 0 0.5rem rgb(0 0 0 / 5%);
     border: 1px solid @sidebarBorderColor;
@@ -20,6 +23,9 @@
   &.mini {
     img {
       min-height: 45px;
+      min-width: 45px;
+      max-height: 45px;
+      max-width: 45px;
     }
   }
 }

invenio.cfg

@@ -723,13 +723,15 @@ MODULAR_DETAIL_PAGE_SIDEBAR_SECTIONS_RIGHT = [
             # {"section": "Resource type"},
             {"section": "Published in"},
             {"section": "Imprint"},
-            {"section": "Publisher"},
             {"section": "Awarding university"},
             {"section": "Conference"},
+            {"section": "Conference organization"},
+            {"section": "Publisher"},
             {"section": "Publication date"},
             {"section": "Languages"},
             {"section": "Formats"},
             {"section": "Sizes"},
+            {"section": "Duration"},
             {"section": "DOI"},
         ],
         "show_heading": False,

site/kcworks/assets/semantic-ui/js/main_ui/main_menu.js

@@ -155,7 +155,6 @@ const UserMenu = ({
 
   return (
     <>
-    <div className="item">
       <div
         role="menuitem"
         id="user-profile-dropdown"
@@ -213,7 +212,6 @@ const UserMenu = ({
 
         </div>
       </div>
-    </div>
 
       <div className="sub-menu mobile tablet only">
         <h2 className="ui small header">{i18next.t("My account")}</h2>