Add protocol ID to linked protocol dropdown [SCI-7204]

This commit is contained in:
Martin Artnik 2022-11-23 11:49:53 +01:00
parent 415443a108
commit c21152b2e2
2 changed files with 30 additions and 2 deletions

View file

@ -93,7 +93,7 @@
.repositories-dropdown-menu {
max-height: 250px;
overflow: auto;
.repository {
@include font-button;
cursor: pointer;
@ -430,9 +430,29 @@
max-width: 100vw;
width: 650px;
.dropdown-header,
.dropdown-body {
padding: 10px 32px;
}
.dropdown-header {
background: $color-white;
border-bottom: $border-tertiary;
.protocol-name {
color: $color-black;
margin-top: 0;
}
.protocol-header-info {
color: $color-black;
font-size: .875em;
font-weight: 400;
}
}
.dropdown-body {
border-bottom: $border-tertiary;
padding: 10px 32px;
.info-line {
align-items: center;

View file

@ -15,6 +15,14 @@
<i class="fas fa-info-circle"></i>
</a>
<div class="dropdown-menu status-info-dropdown" aria-labelledby="my-module-protocol-info-button">
<div class="dropdown-header">
<h2 class="protocol-name">
<%= @protocol.parent&.name || @protocol.name %>
</h2>
<div class="protocol-header-info">
<span>ID: <%= @protocol.code %></span>
</div>
</div>
<div class="dropdown-body">
<div class="info-line">
<div class="description"><%= t("my_modules.protocols.protocol_status_bar.protocol_created") %></div>