biovision 0.0.200518.1

data/app/assets/stylesheets/biovision/biovision/messages.scss

@@ -0,0 +1,41 @@
+$messages-bg-info: hsl(220, 75%, 50%) !default;
+$messages-border-info: hsl(220, 75%, 25%) !default;
+$messages-bg-error: hsl(0, 75%, 50%) !default;
+$messages-border-error: hsl(0, 75%, 25%) !default;
+$messages-bg-warning: hsl(60, 75%, 75%) !default;
+$messages-border-warning: hsl(60, 75%, 25%) !default;
+$messages-bg-success: hsl(120, 35%, 50%) !default;
+$messages-border-success: hsl(120, 75%, 25%) !default;
+
+.message-box {
+  background: $messages-bg-info image_url('biovision/icons/messages/info.svg') no-repeat center left var(--spacer-s) / 3.2rem auto;
+  border: .1rem solid $messages-border-info;
+  border-radius: var(--spacer-xxs);
+  box-shadow: var(--block-shadow);
+  color: var(--text-color-inverted-primary);
+  margin: var(--spacer-s) auto;
+  padding: var(--spacer-s) var(--spacer-s) var(--spacer-s) calc(3.2rem + var(--spacer-s) * 2);
+
+  &:empty {
+    display: none;
+  }
+
+  &.error {
+    background-color: $messages-bg-error;
+    background-image: image_url('biovision/icons/messages/error.svg');
+    border-color: $messages-border-error;
+  }
+
+  &.warning {
+    background-color: $messages-bg-warning;
+    background-image: image_url('biovision/icons/messages/warning.svg');
+    border-color: $messages-border-warning;
+    color: var(--text-color-primary);
+  }
+
+  &.success {
+    background-color: $messages-bg-success;
+    background-image: image_url('biovision/icons/messages/success.svg');
+    border-color: $messages-border-success;
+  }
+}

data/app/assets/stylesheets/biovision/components/carousel.scss

@@ -0,0 +1,53 @@
+.js-biovision-carousel {
+  position: relative;
+
+  > button {
+    -webkit-backdrop-filter: blur(.5rem) grayscale(.75);
+    backdrop-filter: blur(.5rem) grayscale(.75);
+    background: rgba(255, 255, 255, .5) no-repeat center / auto 1.6rem;
+    border: none;
+    border-radius: 50%;
+    box-shadow: 0 0 .4rem rgba(0, 0, 0, .25);
+    cursor: pointer;
+    display: inline-block;
+    height: 3.2rem;
+    position: absolute;
+    top: 50%;
+    transform: translate(0, -50%);
+    transition: .25s;
+    width: 3.2rem;
+    z-index: 4;
+
+    &:active,
+    &:focus,
+    &:hover {
+      background-color: rgba(255, 255, 255, .75);
+      box-shadow: 0 0 .4rem rgba(0, 0, 0, .75);
+    }
+  }
+
+  .prev {
+    background-image: image_url('biovision/components/carousel/arrow-left.svg');
+    left: var(--spacer-xxs);
+  }
+
+  .next {
+    background-image: image_url('biovision/components/carousel/arrow-right.svg');
+    right: var(--spacer-xxs);
+  }
+}
+
+.carousel-container {
+  display: flex;
+  list-style: none;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+}
+
+.carousel-item {
+  flex: none;
+  margin: 0;
+  padding: 0;
+  transition: .25s;
+}

data/app/assets/stylesheets/biovision/components/forms.scss

@@ -0,0 +1,85 @@
+form {
+  margin: 0;
+  padding: 0;
+
+  .guideline {
+    color: var(--text-color-secondary);
+    font-size: var(--font-size-decreased);
+    margin: 0;
+
+    &::before {
+      content: '\261E';
+      margin-right: var(--spacer-xxs);
+    }
+  }
+
+  .check-result-error {
+    color: #f00;
+
+    &::before {
+      content: '\261D';
+      margin-right: var(--spacer-xxs);
+    }
+
+    &:empty {
+      display: none;
+    }
+  }
+
+  ul {
+    list-style: none;
+    margin: 0 auto;
+    padding: 0;
+  }
+
+  li {
+    margin: 0;
+    padding: 0;
+    position: relative;
+  }
+
+  input {
+    font-size: inherit;
+  }
+
+  .flags {
+    margin: var(--spacer-xs) 0;
+  }
+}
+
+.fields {
+  margin: 0;
+  padding: 0;
+
+  > div {
+    margin: 0 0 var(--spacer-xs);
+    padding: var(--spacer-xs);
+
+    &:not(:last-of-type) {
+      border-bottom: var(--border-secondary);
+    }
+  }
+
+  dt {
+    font: 500 var(--font-size-increased) var(--font-family-main);
+  }
+
+  dd {
+    margin: 0;
+    padding: var(--spacer-xxs) 0;
+  }
+}
+
+.input-text {
+  border: .1rem solid var(--input-border);
+  border-radius: var(--spacer-xxs);
+  font-size: var(--font-size-normal);
+  margin: 0;
+  padding: var(--spacer-xxs) var(--spacer-xs);
+
+  &:focus {
+    border-color: var(--input-border-focus);
+    box-shadow: .1rem .1rem .2rem var(--input-border-focus);
+    outline: none;
+  }
+}

data/app/assets/stylesheets/biovision/components/hamburger.scss

@@ -0,0 +1,56 @@
+$hamburger-color: #000 !default;
+
+.morphing-hamburger {
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  height: 3.2rem;
+  padding: .4rem;
+  width: 3.2rem;
+
+  span {
+    background: $hamburger-color;
+    border-radius: .2rem;
+    display: block;
+    height: .4rem;
+    margin: 0 auto;
+    transition: .5s;
+    transform-origin: center;
+    width: 2.4rem;
+  }
+
+  .b {
+    transform: translate(0, .6rem);
+  }
+}
+
+.hamburger-morpher {
+  &:not(:checked) {
+    ~ .morphing-hamburger {
+      .a {
+        transform: translate(0, .2rem);
+      }
+
+      .c {
+        transform: translate(0, 1rem);
+      }
+    }
+  }
+
+  &:checked {
+    ~ .morphing-hamburger {
+      .a {
+        transform: translate(0, 1rem) rotate(-45deg);
+      }
+
+      .b {
+        width: .2rem;
+      }
+
+      .c {
+        transform: translate(0, .2rem) rotate(45deg);
+      }
+    }
+  }
+}

data/app/assets/stylesheets/biovision/components/lists.scss

@@ -0,0 +1,91 @@
+
+.list-of-entities {
+  margin: var(--spacer-s) 0;
+  padding: 0;
+
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 100%;
+  }
+
+  .image {
+    flex: none;
+    margin: 0 var(--spacer-xs) 0 0;
+    text-align: center;
+    width: 8rem;
+
+    img {
+      max-height: 8rem;
+      max-width: 8rem;
+    }
+
+    & + .data {
+      width: calc(100% - 8.8rem);
+    }
+  }
+
+  > li {
+    align-items: flex-start;
+    background: var(--row-background-odd);
+    display: flex;
+    flex-wrap: wrap;
+    list-style: none;
+    margin: 0;
+    padding: var(--spacer-xs);
+
+    &:nth-of-type(even) {
+      background: var(--row-background-even);
+    }
+
+
+    .data {
+      width: 100%;
+      position: relative;
+
+      .info {
+        font-size: var(--font-size-decreased);
+      }
+
+      .secondary {
+        color: var(--text-color-secondary);
+      }
+
+
+      .compact {
+        align-items: center;
+        display: flex;
+        flex-wrap: wrap;
+
+        .toggleable,
+        > span {
+          margin: 0 var(--spacer-xs);
+        }
+      }
+
+      .children {
+        border-left: .1rem dotted;
+        margin-left: var(--spacer-s);
+      }
+    }
+  }
+}
+
+ul.list-of-entities {
+  ul.actions {
+    > li.priority-changer {
+      display: none;
+    }
+  }
+}
+
+ol.list-of-entities {
+  > li[data-number]::before {
+    content: attr(data-number) ":";
+    display: inline-block;
+    margin: 0 var(--spacer-xs) 0 0;
+    text-align: right;
+    width: 2.4rem;
+  }
+}

data/app/assets/stylesheets/biovision/default.scss

@@ -0,0 +1,57 @@
+$font-family-main: "Roboto", sans-serif !default;
+$font-family-heading: $font-family-main !default;
+
+$font-size-xxxl: 5.6rem !default;
+$font-size-xxl: 4.5rem !default;
+$font-size-xl: 3.2rem !default;
+$font-size-large: 2.4rem !default;
+$font-size-increased: 1.8rem !default;
+$font-size-normal: 1.6rem !default;
+$font-size-decreased: 1.3rem !default;
+$font-size-small: 1.1rem !default;
+$font-size-xs: 1rem !default;
+
+$spacer-s: 1.6rem !default;
+$spacer-xxxs: .2rem !default;
+$spacer-xxs: #{$spacer-s / 4} !default;
+$spacer-xs: #{$spacer-s / 2} !default;
+$spacer-m: #{$spacer-s * 2} !default;
+$spacer-l: #{$spacer-s * 3} !default;
+$spacer-xl: #{$spacer-s * 4} !default;
+$spacer-xxl: #{$spacer-s * 6} !default;
+
+$content-width: 110rem !default;
+$content-width-min: 32rem !default;
+
+$row_background_even: #f0f0f0 !default;
+$row_background_odd: #fafafa !default;
+
+$text-color-heading: #000 !default;
+$text-color-primary: rgb(28, 28, 28) !default;
+$text-color-secondary: #777 !default;
+
+$text-color-inverted-primary: #fff !default;
+$text-color-inverted-secondary: #ccc !default;
+$text-color-inverted-heading: #eee !default;
+
+$block-shadow: .2rem .2rem .4rem .2rem rgba(0, 0, 0, .125) !default;
+
+$border-color-primary: rgb(192, 192, 192) !default;
+$border-color-secondary: rgb(230, 230, 230) !default;
+$border-primary: .1rem solid $border-color-primary !default;
+$border-secondary: .1rem solid $border-color-secondary !default;
+
+$background-body: #f4f4f4 linear-gradient(to top, #f4f4f4, #dfdedc) no-repeat center / cover !default;
+$background-header: #fff !default;
+$background-main: #fff !default;
+$background-footer: #fff !default;
+
+$link-color: rgb(20, 127, 255) !default;
+$link-color-visited: rgb(20, 77, 250) !default;
+$link-color-active: rgb(255, 77, 20) !default;
+$link-color-hover: rgb(255, 77, 20) !default;
+
+$input-border: hsl(0, 0%, 75%) !default;
+$input-border-focus: hsl(0, 0%, 50%) !default;
+$input-border-invalid: hsl(0, 75%, 50%) !default;
+$input-border-invalid-focus: hsl(0, 50%, 50%) !default;

data/app/assets/stylesheets/biovision/themes/default_theme.scss

@@ -0,0 +1,2 @@
+@import "biovision/vars";
+@import "biovision/themes/default_theme/layout";

data/app/assets/stylesheets/biovision/themes/default_theme/components.scss

@@ -0,0 +1,3 @@
+@import "biovision/components/forms";
+@import "biovision/components/hamburger";
+@import "biovision/components/lists";

data/app/assets/stylesheets/biovision/themes/default_theme/layout.scss

@@ -0,0 +1,44 @@
+@import "biovision/themes/default_theme/components";
+@import "biovision/themes/default_theme/layout/header";
+
+//* { outline: solid pink 1px }
+
+html {
+  height: 100%;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+#main {
+  flex: 1;
+}
+
+.breadcrumbs {
+  a {
+    background: image_url('biovision/icons/breadcrumb.svg') no-repeat bottom .1rem right / .6rem 1.2rem;
+    padding-right: 1rem;
+    transition: background .25s;
+
+    &:active,
+    &:focus,
+    &:hover {
+      background-image: image_url('biovision/icons/breadcrumb-hover.svg');
+    }
+  }
+}
+
+.content-wrapper {
+  padding: var(--spacer-xs);
+}
+
+#cookie-info {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  width: 100%;
+  z-index: 5;
+}

data/app/assets/stylesheets/biovision/themes/default_theme/layout/header.scss

@@ -0,0 +1,39 @@
+.main-header {
+  .content-wrapper {
+    align-items: center;
+    display: flex;
+  }
+
+  .logo {
+    a {
+      align-items: center;
+      display: flex;
+      height: 5rem;
+      width: 5rem;
+    }
+
+    img {
+      height: 100%;
+      object-fit: contain;
+      width: 100%;
+    }
+  }
+}
+
+.header-authentication {
+  align-items: center;
+  display: flex;
+  margin: 0 0 0 auto;
+
+  .avatar {
+    display: inline-block;
+    height: 2.4rem;
+    width: 2.4rem;
+
+    img {
+      height: 100%;
+      object-fit: cover;
+      width: 100%;
+    }
+  }
+}