invenio-app-rdm 12.0.0.dev8__py2.py3-none-any.whl → 14.0.0b1.dev8__py2.py3-none-any.whl

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/globals/site.overrides

@@ -17,33 +17,33 @@ body {
 :not(.ui.grid).only {
 
   &.mobile:not(.tablet) {
-    @media all and (min-width: @largestMobileScreen) {
+    @media all and (min-width: @tabletBreakpoint) {
       display: none !important;
     }
   }
 
   &.tablet {
     &.mobile {
-      @media all and (min-width: @largestTabletScreen) {
+      @media all and (min-width: @computerBreakpoint) {
         display: none !important;
       }
     }
 
     &.computer {
-      @media all and (max-width: @tabletBreakpoint) {
+      @media all and (max-width: @largestMobileScreen) {
         display: none !important;
       }
     }
 
-    &:not(.computer):not(.mobile){
-      @media not all and (min-width: @largestMobileScreen) and (max-width: @computerBreakpoint) {
+    &:not(.computer):not(.mobile) {
+      @media not all and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
         display: none !important;
       }
     }
   }
 
   &.computer:not(.tablet) {
-    @media all and (max-width: @computerBreakpoint) {
+    @media all and (max-width: @largestTabletScreen) {
       display: none !important;
     }
   }
@@ -53,6 +53,11 @@ button:focus-visible, a:focus-visible {
   outline: 3px solid @focusedFormBorderColor !important;
 }
 
+.theme-default.outer-navbar {
+  background-color: @defaultBrandColor;
+  background-image: none;
+}
+
 .outer-navbar {
   background-image: @navbarBackgroundImage;
   background-color: @navbarBackgroundColor;
@@ -65,6 +70,10 @@ button:focus-visible, a:focus-visible {
   a {
     color: @white;
   }
+
+  .flashed a {
+    color: inherit; /* Reset the color to inherit from parent */
+  }
 }
 
 .titlecase {
@@ -121,6 +130,12 @@ pre.export.result {
   max-height: @75px;
 }
 
+.theme-default {
+  .rdm-logo {
+    max-height: @45px;
+  }
+}
+
 #lang-code {
   min-width: 14em;
 }
@@ -162,6 +177,14 @@ pre.export.result {
   box-shadow: 0 2px 5px rgba(0, 0, 0, .2) inset;
 }
 
+.theme-default {
+  &.footer-bottom, &.sub-footer {
+    background-color: @defaultBrandColor;
+    color: white;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, .2) inset;
+  }
+}
+
 .intro-step-list-image {
   font-weight: 500;
   font-size: 6em;
@@ -276,29 +299,70 @@ a.no-text-decoration:hover {
   text-decoration: none;
 }
 
-#collapsablePreview {
+a.remove-default-style:hover {
+  color: @mutedTextColor;
+}
+
+.preview-container {
   border: 1px solid transparent; // Prevents iframe from overflowing accordion border
 }
 
 .preview-iframe {
   display: block;
   border-style: none;
+  width:100%;
+  height:60vh;
 }
 
+
 dd {
   // Start left aligned
   margin-inline-start: 0;
 }
 
+ul.no-bullet {
+  list-style-type: none;
+  margin-left: 0 !important;
+  padding-left: 0;
+
+  li {
+    padding-left: 0 !important;
+
+    &::before {
+      content: none !important;
+    }
+  }
+}
+
+ul.details-list {
+  li {
+    padding-left: 0 !important;
+
+    &:not(:last-child) {
+      margin-bottom: 1rem;
+    }
+  }
+}
+
 dl.details-list {
-  margin: 1.5rem 0;
+  margin-top: 0;
 
   &:last-child {
     margin-bottom: 0;
   }
 
-  dt.ui.tiny.header {
-    margin-bottom: 0.5rem;
+  dt {
+    &.ui.tiny.header {
+      margin-bottom: 0.2rem;
+
+      &:not(:first-child) {
+        margin-top: 1rem;
+      }
+    }
+
+    &.hidden {
+      display: none;
+    }
   }
 
   dd {
@@ -323,61 +387,6 @@ dl.details-list {
   }
 }
 
-#upload-info {
-  width: 100%;
-  position: relative;
-
-  &::before {
-    content: '';
-    display: block;
-    width: 100%;
-    border-bottom: 1px solid @borderColor;
-    position: absolute;
-    top: 50%;
-    left: 0;
-    transform: translateY(-50%);
-    z-index: -1;
-
-    @media screen and (max-width: @mobileBreakpoint) {
-      display: none;
-    }
-  }
-
-  dl {
-    width: max-content;
-    max-width: 100%;
-    margin: 0 auto;
-    background-color: #fff;
-    padding: 0 1.5rem;
-
-    @media screen and (max-width: @mobileBreakpoint) {
-      margin: -1.5rem;
-    }
-
-    div.table-row {
-      display: inline-block;
-      width: max-content;
-
-      @media screen and (max-width: @mobileBreakpoint) {
-        display: block;
-      }
-
-      &:first-child {
-        padding-right: 1.5rem;
-      }
-
-      dt, dd {
-        display: inline-block;
-        color: #777;
-      }
-
-      dt {
-        font-weight: bold;
-      }
-    }
-  }
-}
-
 .language {
   font-size: @fontSizeBase;
   font-weight: normal;
@@ -414,29 +423,36 @@ dl.details-list {
   }
 }
 
+.display-inline-flex {
+  display: inline-flex;
+}
 
 .text-align-center {
-  text-align: center;
+  text-align: center !important;
+}
+
+.text-align-left {
+  text-align: left !important;
 }
 
 .text-align-right {
-  text-align: right;
+  text-align: right !important;
 
   &-mobile {
     @media all and (max-width: @largestMobileScreen) {
-      text-align: right;
+      text-align: right !important;
     }
   }
 
   &-tablet {
     @media all and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
-      text-align: right;
+      text-align: right !important;
     }
   }
 
   &-computer {
     @media all and (min-width: @computerBreakpoint) {
-      text-align: right;
+      text-align: right !important;
     }
   }
 }
@@ -449,54 +465,97 @@ dl.details-list {
   }
 }
 
-.justify-space-between {
-  justify-content: space-between;
+.separated:not(:last-child)::after {
+  content: @listSeparator;
+  display: inline-block;
+  font-size: 1em;
+  margin-left: .1rem;
 }
 
-.align-items-start {
-  align-items: start;
+.comma-separated:not(:last-child)::after {
+  content: @listCommaSeparator;
+  display: inline-block;
+  font-size: 1em;
 }
 
-.align-items-center {
-  align-items: center;
+.highlight-background {
+  background-color: @highlightHeaderColor;
 }
 
+.selected-background {
+  background-color: @selectedColor !important;
+}
 
-.align-self-center {
-  align-self: center;
+.text-muted {
+  color: @mutedTextColor !important;
 }
 
-.align-self-end {
-  align-self: end;
+.clickable {
+  cursor: pointer !important;
 }
 
-.align-self-baseline {
-  align-self: baseline;
+.capitalize-first-char {
+  display: inline-block;
+
+  &::first-letter {
+    text-transform: capitalize;
+  }
 }
 
-.shadowless {
-  box-shadow: none !important;
+.sr-only { // Hide element in the UI, but keep it available for screen readers
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  word-wrap: normal;
+  border: 0;
 }
 
-.right-floated {
-  float: right;
+.themed-community-label {
+  font-weight: @normal !important;
+  color: @white !important;
+  width: 100%;
+  height: @26px;
 }
 
-.left-floated {
-  float: left;
+.themed-community-logo {
+  max-width: 100%;
+  max-height: 100%;
 }
 
-.separated:not(:last-child)::after {
-  content: @listSeparator;
-  display: inline-block;
-  font-size: 1em;
-  margin-left: .1rem;
+.text-break {
+  word-break: break-word
 }
 
-.capitalize {
-  text-transform: capitalize;
+
+// fix for hidden tooltips
+[data-tooltip]:after {
+   z-index: 20
 }
 
-.highlight-background {
-    background-color: @highlightHeaderColor;
+@media all and (max-width: @largestTabletScreen){
+  .right.floated.column {
+    [data-tooltip]:hover:after {
+      // fix for tooltip overflowing on the right side of mobile devices
+      // resulting in cut tooltips
+      transform: translateX(-75%) scale(1) !important;
+    }
+  }
+}
+
+
+.collection-header > .ui.medium.header, h4 {
+  font-weight: @bold;
+  .content {
+    vertical-align: sub;
+  }
+}
+
+.details-doi-section {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/globals/site.variables

@@ -29,9 +29,9 @@
 @accessRightEmbargoed: @yellow;
 @accessRightMetadataOnly: @teal;
 
-@restricted-components-background-color: #f502020f;
+@restricted-components-background-color: #feeaea;
 @restricted-components-border-color: #e0b4b4;
-@embargoed-components-background-color: #c7a00014;
+@embargoed-components-background-color: #fbf8ee;
 @embargoed-components-border-color: #c9ba9b;
 
 @footerLightColor: #0377cd;
@@ -48,6 +48,7 @@
 @highlightBackgroundColor: @highlightHeaderColor;
 @highlightBackgroundColorHover:  darken(saturate(@highlightHeaderColor, 20), 15, relative);
 @highlightLandingPageBackgroundColor: rgba(173, 206, 224, 0.52);
+@selectedColor: #ededed;
 
 
 @navbarBackgroundImage: linear-gradient(
@@ -60,6 +61,8 @@
 @versionActiveColor: #d9edf7;
 
 @mutedAccordionHeaderColor: #f5f5f5;
+@defaultBrandColor: #434C5E;
+
 
 /*-------------------
       Links
@@ -76,7 +79,7 @@
 --------------------*/
 @mobileBreakpoint            : 320px;
 @tabletBreakpoint            : 768px;
-@computerBreakpoint          : 1300px;
+@computerBreakpoint          : 1280px;
 @largeMonitorBreakpoint      : 1680px;
 @widescreenMonitorBreakpoint : 1920px;
 
@@ -137,3 +140,4 @@
   Separators
 ------------------*/
 @listSeparator: ";";
+@listCommaSeparator: ",";

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/accordion.overrides

@@ -1,6 +1,17 @@
 .ui.accordion .active.title .icon:not(.button),
 .ui.accordion .accordion .active.title .icon:not(.button) {
-  transform: rotate(90deg);
+  &.tab-menu-accordion {
+    transform: none;
+  }
+
+  transform: @activeIconTransform;
+}
+
+.ui.accordion .title .icon,
+.ui.accordion .accordion .title .icon {
+  transition: @iconTransition;
+  width: auto;
+  height: auto;
 }
 
 /* use these classes to change accordion title when up/down */
@@ -29,7 +40,7 @@ div.affiliations.accordion div.title button.down {
   &.invenio-accordion-field {
     margin-bottom: 2rem;
 
-    .title {
+    .title:not(.ui) {
       background-color: @brandColor;
       color: @white;
       padding: 1em;
@@ -45,13 +56,13 @@ div.affiliations.accordion div.title button.down {
 
     &.error {
       .title {
-        background-color: @red;
+        background-color: @red !important;
       }
 
       &.secondary.inverted {
         .title {
-          background: @secondaryInvertedRedBackground;
-          color: @secondaryInvertedColor;
+          background: @secondaryInvertedRedBackground !important;
+          color: @secondaryInvertedColor !important;
         }
 
       }
@@ -77,6 +88,23 @@ div.affiliations.accordion div.title button.down {
     }
   }
 
+  .content {
+    &.preview-container {
+
+      &.restricted {
+        background-color: @negativeBackgroundColor;
+        border-bottom-left-radius: @defaultBorderRadius;
+        border-bottom-right-radius: @defaultBorderRadius;
+      }
+
+      &.embargoed {
+        background-color: @warningBackgroundColor;
+        border-bottom-left-radius: @defaultBorderRadius;
+        border-bottom-right-radius: @defaultBorderRadius;
+      }
+    }
+  }
+
   .title:not(.ui).panel-heading {
     border-radius: @defaultBorderRadius;
     background-color: @mutedAccordionHeaderColor;
@@ -100,20 +128,18 @@ div.affiliations.accordion div.title button.down {
 
     &.restricted {
       background-color: @restricted-components-background-color;
+      border-color: @restricted-components-border-color !important;
     }
 
     &.embargoed {
       background-color: @embargoed-components-background-color;
+      border-color: @embargoed-components-border-color !important;
     }
   }
 
   &.affiliations {
     padding-bottom: 1.5rem;
 
-    &:last-child {
-      padding-bottom: 3rem;
-    }
-
     .title {
       cursor: default;
     }

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/dropdown.overrides

@@ -84,12 +84,19 @@
 }
 
 @minWidthSmallerScreens: calc(100% + 5rem);
-.members-dropdown-container {
+.members-dropdown-container, .access-dropdown-container {
   .ui.dropdown {
     border: @selectionBorder;
     padding: @selectionVerticalPadding @selectionHorizontalPadding;
     border-radius: @selectionBorderRadius;
 
+    &.overflow-scroll {
+      .menu {
+        overflow-y: auto !important;
+        max-height: 15em;
+      }
+    }
+
     .menu {
       overflow-x: auto;
       overflow-y: hidden;
@@ -99,7 +106,8 @@
       font-weight: normal;
 
     }
-
+  }
+  .ui.dropdown.floating {
     .dropdown.icon {
       padding-top: 0.25em;
     }
@@ -107,14 +115,16 @@
 
 .action-status-container {
   width: 1em;
-  padding: @selectionVerticalPadding @selectionHorizontalPadding;
+  padding: 0 @selectionHorizontalPadding;
   border-radius: @selectionBorderRadius;
 }
 
   @media screen and (max-width: @largestTabletScreen) {
     .ui.dropdown {
-      .menu {
-        min-width: @minWidthSmallerScreens;
+      &.action-menu-width {
+        .menu {
+          min-width: @minWidthSmallerScreens;
+        }
       }
 
       * {
@@ -141,7 +151,19 @@
     & > .menu {
       min-width: 14em !important;
       border-top-width: 1px !important;
-      border-radius: @defaultBorderRadius 0em @defaultBorderRadius @defaultBorderRadius;
+      border-radius: @defaultBorderRadius 0 @defaultBorderRadius @defaultBorderRadius;
     }
   }
 }
+
+.manage-menu-dropdown {
+  .dropdown.icon {
+    margin-left: 0 !important;
+    color: @grey;
+  }
+}
+
+.ui.inline.selection.dropdown .dropdown.icon{
+  // bug in SUI
+  margin: @selectionIconMargin !important;
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/dropdown.variables

@@ -7,3 +7,4 @@
 // Tablets/phones were left as-is because they have less screen estate
 @selectionComputerMaxMenuHeight : 575px;
 @selectionWidescreenMaxMenuHeight : 575px;
+@selectionIconPadding: (@selectionIconHitbox / @dropdownIconSize);

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/modal.overrides

@@ -1,12 +1,9 @@
 
-.share-modal {
-  .share-content {
-    display: flex;
+.record-share-modal {
+  min-height: 35em;
 
-    .input {
-      flex-grow: 1;
-      padding-right: 0.5em;
-    }
+  .share-content {
+    min-height: 26em;
   }
 
   .share-description {
@@ -21,11 +18,22 @@
   .community-list-results.content {
     height: calc(55vh - 10em);
 
-    .item {
-      padding: @defaultPadding;
+    .community-item {
+      padding: @defaultPadding calc(@defaultPadding/2);
+      border-bottom: 1px solid @borderColor;
 
-      &:first-child {
+      &:first-child,
+      &:first-child + .mobile {
         padding-top: @defaultPadding !important; //overriding semantic ui's !important
+        border-top: 1px solid @borderColor;
+      }
+
+      &:last-child {
+        padding-bottom: @defaultPadding !important; //overriding semantic ui's !important
+      }
+
+      @media all and (max-width: @largestMobileScreen) {
+        padding: @defaultPadding calc(@defaultPadding/4);
       }
 
       &.selected {
@@ -100,14 +108,35 @@
 .ui.modal {
   .actions {
     background: @actionBackground;
-    padding: @actionPadding;
+    padding: @contentPadding;
     border-top: @actionBorder;
     text-align: @actionAlign;
   }
+
+  .content {
+    display: block;
+    width: 100%;
+    font-size: @contentFontSize;
+    line-height: @contentLineHeight;
+    padding: @contentPadding;
+    background: @contentBackground;
+
+    .ui.message .content {
+      background: transparent;
+      padding: 0;
+    }
+  }
 }
+
 .ui.modal .actions {
   .button {
     margin-left: @buttonDistance;
+    margin-right: 0;
+
+    &.left.floated{
+      margin-right: @buttonDistance;
+      margin-left: 0;
+    }
   }
 }
 

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/modal.variables

@@ -0,0 +1,5 @@
+/***********************************************
+    Invenio App RDM Modal Variables
+***********************************************/
+
+@largeRatio: 1.4;

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/modules/search.overrides

@@ -0,0 +1,7 @@
+.ui.search > .results .result {
+    .requests-avatar-container .image {
+        float: left;
+        height: 1em;
+        width: unset;
+    }
+}