Update my_module protocol status dropdown [SCI-7991]

This commit is contained in:
sboursen-scinote 2023-03-07 05:48:20 +01:00
parent 03dc93b9b1
commit 5e89f1f829
2 changed files with 53 additions and 45 deletions

View file

@ -427,9 +427,14 @@
max-width: 100vw;
width: 506px;
.dropdown-content {
padding: 24px;
}
.dropdown-header,
.dropdown-body {
padding: 10px 24px;
.dropdown-body,
.dropdown-footer {
padding: 12px 0;
}
.dropdown-header {
@ -507,7 +512,6 @@
.dropdown-footer {
border-top: $border-tertiary;
padding: 12px 0 0;
}
}
}

View file

@ -15,6 +15,7 @@
<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-content">
<div class="dropdown-header">
<h2 class="protocol-name">
<%= @protocol.parent&.name || @protocol.name %>
@ -46,7 +47,10 @@
<div class="description"><%= t("my_modules.protocols.protocol_status_bar.protocol_published") %></div>
<div class="value"><%= I18n.l(@protocol&.parent&.published_on, format: :full) %></div>
</div>
<% end %>
</div>
<div class="dropdown-footer">
<% if @protocol.linked? %>
<% if @protocol.parent_newer? || @protocol.parent_and_self_newer? %>
<div class="notification-line new-parent-version">
<i class="fas fa-info-circle"></i>
@ -59,9 +63,9 @@
<div class="description"><%= t("my_modules.protocols.protocol_status_bar.messages.protocol_updated") %></div>
</div>
<% end %>
</div>
<% end %>
</div>
</div>
</div>
</div>
<%= javascript_include_tag("my_modules/protocols/protocol_status_bar") %>