invenio-app-rdm 8.0.0.dev9__py2.py3-none-any.whl → 14.0.0b4.dev4__py2.py3-none-any.whl

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/theme.less

@@ -0,0 +1,71 @@
+/*******************************
+        Import Directives
+*******************************/
+
+/*------------------
+       Theme
+-------------------*/
+
+@theme: @@element;
+
+/*--------------------
+   Site Variables
+---------------------*/
+
+/* Default theme site.variables */
+@import '@{themesFolder}/default/globals/site.variables';
+
+/* Theme's site.variables */
+@import (optional) '@{themesFolder}/@{theme}/globals/site.variables';
+
+/* invenio-theme site.variables */
+@import (optional) 'themes/invenio/globals/site.variables';
+
+/* invenio-app-rdm site.variables */
+@import (optional) 'themes/rdm/globals/site.variables';
+
+/* Site theme site.variables */
+@import (optional) '@{siteFolder}/globals/site.variables';
+
+/*-------------------
+ Component Variables
+---------------------*/
+
+/* Default */
+@import '@{themesFolder}/default/@{type}s/@{element}.variables';
+
+/* Packaged Theme */
+@import (optional, multiple) '@{themesFolder}/@{theme}/@{type}s/@{element}.variables';
+
+/* Invenio-theme Theme */
+@import (optional, multiple) 'themes/invenio/@{type}s/@{element}.variables';
+
+/* Invenio-App-rdm Theme */
+@import (optional, multiple) 'themes/rdm/@{type}s/@{element}.variables';
+
+/* Site Theme */
+@import (optional, multiple) '@{siteFolder}/@{type}s/@{element}.variables';
+
+/*******************************
+             Mix-ins
+*******************************/
+
+/*------------------
+       Fonts
+-------------------*/
+
+.loadFonts() when (@importGoogleFonts) {
+  @import (css)
+    url('@{googleProtocol}fonts.googleapis.com/css?family=@{googleFontRequest}');
+}
+
+/*------------------
+     Overrides
+-------------------*/
+
+.loadUIOverrides() {
+  @import (optional, multiple) '@{themesFolder}/@{theme}/@{type}s/@{element}.overrides';
+  @import (optional, multiple) 'themes/invenio/@{type}s/@{element}.overrides';
+  @import (optional, multiple) 'themes/rdm/@{type}s/@{element}.overrides';
+  @import (optional, multiple) '@{siteFolder}/@{type}s/@{element}.overrides';
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/views/card.overrides

@@ -0,0 +1,168 @@
+.ui.card.borderless.facet {
+  box-shadow: none;
+
+  & > .content {
+    border-top: none;
+    padding: 0;
+    margin-bottom: @defaultMargin;
+
+    h2.header:not(.ui) {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 1.1em;
+    }
+  }
+}
+
+#deposit-form {
+  /**Protection Widget*/
+
+  .ui.card.access-right {
+
+    .field-label-class {
+      font-size: 15px;
+      margin-bottom: .5rem;
+    }
+
+    label[for="access.embargo.until"] {
+      font-size: 13px;
+    }
+
+    .ui.fitted.checkbox {
+      margin-top: .5rem;
+    }
+
+    .content {
+
+      p {
+        margin: 0;
+        font-size: 14px;
+        margin-top: 2px;
+
+        & b {
+          margin: 0 0 0.5em;
+          font-size: 15px;
+        }
+
+        .header {
+          font-size: 15px;
+        }
+      }
+
+      .ui.message {
+        padding: 1em 0.7em;
+        margin: 0;
+      }
+    }
+
+    .disabled.description {
+      margin-top: 3px;
+    }
+
+    .ui.divider {
+      margin: 0.3rem 0;
+    }
+  }
+}
+
+.community-frontpage-cards .ui.card {
+  .image {
+    height: @normalDesktopScreenCardHeight;
+    display: flex;
+    background: transparent;
+
+
+    img {
+      object-fit: contain;
+    }
+
+    &.fallback_image, &.placeholder {
+      img {
+        object-fit: cover;
+      }
+    }
+  }
+
+  .content .header {
+    overflow-wrap: break-word;
+  }
+}
+
+@media only screen and (min-width: @largestSmallMonitor) {
+  .ui.community-frontpage-cards.cards .ui.card {
+    .image {
+      height: @largeDesktopScreenCardHeight;
+    }
+  }
+
+}
+
+@media only screen and (max-width: @largestMobileScreen) {
+  .ui.community-frontpage-cards.cards .ui.card {
+    margin-top: 2rem;
+    width: 70vw !important;
+    margin-left: auto;
+    margin-right: auto;
+
+    .image {
+      height: 70vw;
+    }
+  }
+}
+
+a.ui.card {
+  text-decoration: none;
+}
+
+/*---------------------------------------------------------
+     Content - overrides immediate child from semantic
+     https://github.com/Semantic-Org/Semantic-UI/blob/master/src/definitions/views/card.less
+---------------------------------------------------------*/
+
+.ui.cards > .card > .field > .content,
+.ui.card > .field > .content {
+  flex-grow: 1;
+  border: @contentBorder;
+  border-top: @contentDivider;
+  background: @contentBackground;
+  margin: @contentMargin;
+  padding: @contentPadding;
+  box-shadow: @contentBoxShadow;
+  font-size: @contentFontSize;
+  border-radius: @contentBorderRadius;
+}
+
+.ui.cards > .card > .field > .content:after,
+.ui.card > .field > .content:after {
+  display: block;
+  content: ' ';
+  height: 0;
+  clear: both;
+  overflow: hidden;
+  visibility: hidden;
+}
+
+.ui.cards > .card > .field > .content > .header,
+.ui.card > .field > .content > .header {
+  display: block;
+  margin: @headerMargin;
+  font-family: @headerFont;
+  color: @headerColor;
+}
+
+/* Default Header Size */
+.ui.cards > .card > .field > .content > .header:not(.ui),
+.ui.card > .field > .content > .header:not(.ui) {
+  font-weight: @headerFontWeight;
+  font-size: @headerFontSize;
+  margin-top: @headerLineHeightOffset;
+  line-height: @headerLineHeight;
+}
+
+.ui.cards > .card > .field > .content > .meta + .description,
+.ui.cards > .card > .field > .content > .header + .description,
+.ui.card > .field > .content > .meta + .description,
+.ui.card > .field > .content > .header + .description  {
+  margin-top: @descriptionDistance;
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/views/card.variables

@@ -0,0 +1,2 @@
+@largeDesktopScreenCardHeight: 21.76rem;
+@normalDesktopScreenCardHeight: 16.53rem;

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/views/feed.overrides

@@ -0,0 +1,463 @@
+.ui.feed {
+
+  .requests-event-item {
+    box-sizing: border-box;
+
+    &.selected, &:target {
+      & > .requests-event-container > .requests-event-inner-container > .event {
+        outline: 2px solid @primaryColor;
+      }
+    }
+  }
+
+  .requests-event-container {
+    position: relative;
+    padding: @defaultPadding 0;
+
+    &:not(.reply)::before {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 4.5em;
+      display: block;
+      width: 2px;
+      content: "";
+      background-color: @borderColor;
+
+      @media screen and (max-width: @largestMobileScreen) {
+        left: .9rem;
+      }
+    }
+
+    &:first-child {
+      padding-top: 0;
+    }
+
+    &.reply {
+      padding: (@eventPadding / 2) @eventPadding;
+
+      &:hover {
+        background-color: @whiteHover;
+      }
+
+      .requests-avatar-container {
+        margin-top: 0;
+      }
+
+      .content {
+        margin: 0;
+      }
+
+      .event {
+        background: none;
+      }
+    }
+
+    .timeline-comment-editor-container {
+      padding: @eventPadding;
+      padding-top: 0;
+    }
+  }
+
+  .requests-avatar-container {
+    padding-right: 0.5em;
+    margin-top: 1rem;
+    position: relative;
+
+    @media screen and (max-width: @largestMobileScreen) {
+      margin-top: 0;
+    }
+
+    img {
+      max-height: 40px;
+      width: auto;
+    }
+
+    &.has-line::before {
+      content: "";
+      position: absolute;
+      display: block;
+      top: 0;
+      bottom: 0;
+      // Half the width of the avatar minus the width of the line
+      left: calc(1em - 2px);
+      width: 2px;
+      background-color: @borderColor;
+      // Full height of the comment + the margin of the next comment
+      height: calc(100% + 1rem);
+
+      @media screen and (max-width: @largestMobileScreen) {
+        & {
+          display: none;
+        }
+      }
+    }
+  }
+
+  .requests-reply-top-divider {
+    margin-bottom: 0;
+    border-bottom: none !important;
+  }
+
+  .requests-reply-container {
+    padding-top: 0.5rem;
+    background-color: #f9f9f9;
+  }
+
+  .requests-comment-fake-reply {
+    display: flex;
+    align-items: center;
+    padding: @eventPadding;
+    padding-top: 0;
+
+    .requests-avatar-container {
+      margin-top: 0;
+    }
+
+    .requests-comment-fake-reply-input {
+      width: 100%;
+
+      input:disabled {
+        // This is overriden to `opacity: 1 !important` in the Invenio Theme so we need a clearer visual effect
+        opacity: 0.45 !important;
+      }
+    }
+  }
+
+  .requests-event-inner-container {
+    display: flex;
+    width: 100%;
+
+    @media screen and (max-width: @largestMobileScreen) {
+      &:not(.thread){
+        display: block;
+      }
+    }
+
+    &.thread {
+      margin-left: 3.75em;
+      align-items: center;
+      @media screen and (max-width: @largestMobileScreen) {
+        margin-left: 0.60em;
+      }
+    }
+  }
+
+  .event {
+    min-width: 0;
+    width: 100%;
+    flex: 1;
+    border: @defaultBorder;
+    border-radius: @defaultBorderRadius;
+    background-color: @white;
+    position: relative;
+
+    @media screen and (max-width: @largestMobileScreen) {
+      margin-top: .5rem;
+    }
+
+    .text {
+      width: auto;
+
+      &.extra blockquote {
+        margin-left: 0.5rem;
+        padding-left: 0.75rem;
+        color: @mutedTextColor;
+
+        & > blockquote {
+          margin-left: 0;
+        }
+      }
+    }
+
+    .button.requests-reply-expand {
+      margin-left: @eventPadding;
+    }
+
+    &.requests-action-event {
+      border: 0;
+      display: flex;
+      align-items: center;
+
+      .label{
+        margin-right: 0.5 * @defaultMargin;
+      }
+    }
+
+    &.requests-reply-event {
+      border: none;
+      padding: 0;
+      margin-left: 0.5rem;
+    }
+
+    p.requests-event-body-deleted {
+      font-style: italic;
+      color: @mutedTextColor;
+    }
+
+    & > .placeholder {
+      margin: 1rem;
+    }
+  }
+
+  .requests-action-event-icon {
+    position: relative;
+    padding: 1rem 0;
+
+    .icon {
+      background-color: @white;
+    }
+  }
+
+  .requests-comment-fake-reply {
+    display: flex;
+    align-items: center;
+
+    .requests-avatar-container {
+      margin-top: 0;
+    }
+  }
+
+  .requests-reply-count {
+    background-color: @primaryColor;
+    color: white;
+    padding: 2px 4px;
+    border-radius: @defaultBorderRadius;
+    font-weight: normal;
+    // Default font Helvetica has non-standard metrics so doesn't look middle-aligned on Firefox
+    font-family: sans-serif;
+    font-size: 0.75rem;
+  }
+
+  .requests-reply-caret {
+    margin-left: 2px !important;
+    // The button styles add a right margin when the `right` class is added, despite that just being
+    // part of the icon name.
+    margin-right: 0 !important;
+  }
+
+  .requests-reply-load-more {
+    // Padding + width of avatar + padding on right-side of avatar + margin on left-side of main content
+    margin-left: calc(@eventPadding + 28px + 1em + 0.5rem);
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+    position: relative;
+    color: @linkColor;
+    font-weight: normal;
+
+    &::before {
+      content: "";
+      position: absolute;
+      display: block;
+      top: 0;
+      bottom: 0;
+      // Margin on left-side of main content, padding on right-side of avatar, half width of line
+      left: calc(-1rem - 1em);
+      width: 2px;
+      background: linear-gradient(to bottom, white, @borderColor);
+      // Full height of the comment + the margin of the next comment
+      height: calc(100% + 1rem);
+    }
+
+    @media screen and (max-width: @largestMobileScreen) {
+      & {
+        margin: 0.5rem @eventPadding;
+        &::before {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+/* First element after LoadMore component */
+.ui.feed.stretched-feed .requests-event-item:first-child .requests-event-container:not(.reply) {
+  padding-top: 3em;
+  &::before {
+    background: linear-gradient(180deg, transparent 0, @borderColor 75%) !important;
+  }
+}
+
+/* Last element before LoadMore component */
+.ui.feed.gradient-feed .requests-event-item:last-child .requests-event-container:not(.reply) {
+  padding-bottom: 3em;
+  &::before {
+    background: linear-gradient(0deg, transparent 0, @borderColor 75%) !important;
+  }
+}
+
+.requests-pagination-load-more {
+  cursor: pointer;
+}
+
+.ui.feed {
+  // override SUI defaults  to bypass immediate parent rule for feed
+  .event > .content .user {
+    display: inline-block;
+    font-weight: @userFontWeight;
+    margin-right: @userDistance;
+    vertical-align: baseline;
+  }
+
+  .event > .content .user img {
+    margin: @userImageMargin;
+    width: @userImageWidth;
+    height: @userImageHeight;
+    vertical-align: @userImageVerticalAlign;
+  }
+
+  .event > .content {
+    margin: @eventPadding;
+  }
+
+  /*--------------
+     Inline Date
+  ---------------*/
+
+  /* Date inside Summary */
+
+  .event > .content .summary > .date {
+    display: @summaryDateDisplay;
+    float: @summaryDateFloat;
+    font-weight: @summaryDateFontWeight;
+    font-size: @summaryDateFontSize;
+    font-style: @summaryDateFontStyle;
+    margin: @summaryDateMargin;
+    padding: @summaryDatePadding;
+    color: @summaryDateColor;
+  }
+
+  /*--------------
+    Extra Summary
+  ---------------*/
+
+  .event > .content .extra {
+    margin: @extraMargin;
+    background: @extraBackground;
+    padding: @extraPadding;
+    color: @extraColor;
+  }
+
+  /* Images */
+
+  .event > .content .extra.images img {
+    display: inline-block;
+    margin: @extraImageMargin;
+    width: @extraImageWidth;
+  }
+
+  /* Text */
+
+  .event > .content .extra.text {
+    padding: @extraTextPadding;
+    border-left: @extraTextPointer;
+    font-size: @extraTextFontSize;
+    line-height: @extraTextLineHeight;
+
+  }
+
+  /*--------------
+        Meta
+  ---------------*/
+
+  .event > .content .meta {
+    display: @metadataDisplay;
+    font-size: @metadataFontSize;
+    margin: @metadataMargin;
+    background: @metadataBackground;
+    border: @metadataBorder;
+    border-radius: @metadataBorderRadius;
+    box-shadow: @metadataBoxShadow;
+    padding: @metadataPadding;
+    color: @metadataColor;
+  }
+
+  .event > .content .meta > * {
+    position: relative;
+    margin-left: @metadataElementSpacing;
+  }
+
+  .event > .content .meta > *:after {
+    content: @metadataDivider;
+    color: @metadataDividerColor;
+    top: 0;
+    left: @metadataDividerOffset;
+    opacity: 1;
+    position: absolute;
+    vertical-align: top;
+  }
+
+  .event > .content .meta .like {
+    color: @likeColor;
+    transition: @likeTransition;
+  }
+
+  .event > .content .meta .like:hover .icon {
+    color: @likeHoverColor;
+  }
+
+  .event > .content .meta .active.like .icon {
+    color: @likeActiveColor;
+  }
+
+  /* First element */
+
+  .event > .content .meta > :first-child {
+    margin-left: 0em;
+  }
+
+  .event > .content .meta > :first-child::after {
+    display: none;
+  }
+
+  /* Action */
+
+  .event > .content .meta a,
+  .event > .content .meta > .icon {
+    cursor: @metadataActionCursor;
+    opacity: @metadataActionOpacity;
+    color: @metadataActionColor;
+    transition: @metadataActionTransition;
+  }
+
+  .event > .content .meta a:hover,
+  .event > .content .meta a:hover .icon,
+  .event > .content .meta > .icon:hover {
+    color: @metadataActionHoverColor;
+  }
+}
+
+.ui.popup.requests-event-body-popup {
+  padding: 0;
+  border: none;
+
+  .ui.button {
+    margin: 0;
+  }
+}
+
+.requests-placeholder-avatar {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  margin-right: 0.75rem;
+  position: relative;
+  z-index: 9999;
+}
+
+.requests-placeholder-event-icon {
+  width: 24px;
+  height: 21px;
+  z-index: 9999;
+}
+
+.requests-placeholder-avatar-icon {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  margin-right: 5px;
+}
+
+.requests-placeholder-summary-line {
+  width: 150px;
+}

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/views/feed.variables

@@ -0,0 +1 @@
+@eventPadding: 0.5 * @defaultPadding;