mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2026-01-07 00:36:08 +08:00
Fix multiple issues for Shared tasks feature [SCI-8985] (#5936)
- Centre vertically all related modals - Convert task header tabs to sentence case
This commit is contained in:
parent
0224f420b1
commit
aedd3e0b6d
6 changed files with 17 additions and 9 deletions
8
app/assets/stylesheets/extend/bootstrap.scss
vendored
8
app/assets/stylesheets/extend/bootstrap.scss
vendored
|
|
@ -117,6 +117,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
.centered-modal.in {
|
||||
display: flex !important;
|
||||
|
||||
.modal-dialog {
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
.modal-header {
|
||||
padding: 10px 15px;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div ref="modal" class="modal" id="modalDestroyShareableLink" tabindex="-1" role="dialog">
|
||||
<div ref="modal" class="modal centered-modal" id="modalDestroyShareableLink" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div>
|
||||
<div
|
||||
ref="modal"
|
||||
class="modal fade share-task-modal"
|
||||
class="modal fade share-task-modal centered-modal"
|
||||
id="share-task-modal"
|
||||
tabindex="-1"
|
||||
role="dialog"
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
<div class="header-actions">
|
||||
<div class="flex items-center uppercase text-bold">
|
||||
<div class="flex items-center text-bold">
|
||||
<% if can_read_experiment?(@my_module.experiment) %>
|
||||
<a class="p-4 border-b-4 border-transparent hover:no-underline capitalize <%= is_module_protocols? ? "text-sn-blue" : "text-sn-grey" %>"
|
||||
<a class="p-4 border-b-4 border-transparent hover:no-underline first-letter:capitalize <%= is_module_protocols? ? "text-sn-blue" : "text-sn-grey" %>"
|
||||
href="<%= protocols_my_module_url(@my_module) %>"
|
||||
title="<%= t("nav2.modules.steps") %>"
|
||||
>
|
||||
<%=t "nav2.modules.steps" %>
|
||||
</a>
|
||||
<a class="p-4 border-b-4 border-transparent hover:no-underline capitalize <%= is_module_results? ? "text-sn-blue" : "text-sn-grey" %>"
|
||||
<a class="p-4 border-b-4 border-transparent hover:no-underline first-letter:capitalize <%= is_module_results? ? "text-sn-blue" : "text-sn-grey" %>"
|
||||
href="<%= results_my_module_url(@my_module) %>"
|
||||
title="<%= t("nav2.modules.results") %>"
|
||||
>
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
<sup class="navigation-results-counter"><%= @my_module.archived_branch? ? @my_module.results.size : @active_results_size %></sup>
|
||||
<% end %>
|
||||
</a>
|
||||
<a class="p-4 border-b-4 border-transparent hover:no-underline capitalize <%= is_module_activities? ? "text-sn-blue" : "text-sn-grey" %>"
|
||||
<a class="p-4 border-b-4 border-transparent hover:no-underline first-letter:capitalize <%= is_module_activities? ? "text-sn-blue" : "text-sn-grey" %>"
|
||||
href="<%= activities_my_module_url(@my_module, view_mode: params[:view_mode]) %>"
|
||||
title="<%= t("nav2.modules.activities") %>"
|
||||
>
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
<div data-hook="secondary-navigation-tabs"></div>
|
||||
<% if can_read_experiment?(@my_module.experiment) && !@my_module.archived_branch? %>
|
||||
<a class="p-4 border-b-4 border-transparent hover:no-underline capitalize <%= is_module_archive? ? "text-sn-blue" : "text-sn-grey" %>"
|
||||
<a class="p-4 border-b-4 border-transparent hover:no-underline first-letter:capitalize <%= is_module_archive? ? "text-sn-blue" : "text-sn-grey" %>"
|
||||
href="<%= archive_my_module_url(@my_module) %>"
|
||||
title="<%= t'nav2.modules.archive' %>"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="modal" id="shareable-link-welcome-modal" tabindex="-1" role="dialog" aria-labelledby="shareable-link-welcome-modal-label">
|
||||
<div class="modal in centered-modal" id="shareable-link-welcome-modal" tabindex="-1" role="dialog" aria-labelledby="shareable-link-welcome-modal-label">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="modal fade" id="team-sharing-tasks" tabindex="-1" role="dialog" aria-labelledby="team-sharing-tasks-label">
|
||||
<div class="modal fade centered-modal" id="team-sharing-tasks" tabindex="-1" role="dialog" aria-labelledby="team-sharing-tasks-label">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue