scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-21 07:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

Archived projects cards and table updates [SCI-7201]

Browse source
This commit is contained in:
Giga Chubinidze 2022-11-17 22:25:54 +04:00
parent 81c5978805
commit 7f09fb8997
2 changed files with 77 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
app/assets/stylesheets/projects.scss
View file

@ -685,12 +685,12 @@ li.module-hover {
&.project-card {
border-radius: 4px;
box-shadow: $flyout-shadow;
.project-name-cell {
align-items: center;
display: flex;
overflow: hidden;
a {
color: inherit;
}
@ -1018,6 +1018,7 @@ li.module-hover {
display: none !important;
}
.projects-container {
.project-actions-menu {
.btn-light:hover {
@ -1028,6 +1029,56 @@ li.module-hover {
.cards-wrapper {
grid-auto-rows: 2.5em;
.visibility-cell {
.value {
color: $color-black;
}
}
.start-date-cell {
.value {
color: $color-black;
}
}
.archived-date-cell {
.value {
color: $color-black;;
}
}
&.last-page.cards {
.project-card {
.start-date-cell {
top: 36px;
.value {
color: $color-black;
}
}
.archived-date-cell {
top: 26px;
.value {
color: $color-black;
}
}
.visibility-cell {
top: 16px;
.value {
color: $color-black;
}
}
.user-cell {
top: 6px;
}
}
}
.card.project-card {
.data-row {
color: $color-silver-chalice;
@ -1103,7 +1154,7 @@ li.module-hover {
a {
color: inherit;
}
.name {
overflow: hidden;
display: -webkit-box;
@ -1116,8 +1167,8 @@ li.module-hover {
.project-code-cell {
position: relative;
padding-left: 20px;
margin-top:4px;
height: min-content;
margin-top:5px;
height: min-content;
}
.data-row {
@ -1126,6 +1177,18 @@ li.module-hover {
.card-label {
color: gray !important;
}
&.start-date-cell {
top: 30px;
}
&.visibility-cell {
top: 18px;
}
&.user-cell {
top: 5px;
}
}
}
}

20
app/views/projects/index/_project_card.html.erb
View file

@ -11,7 +11,7 @@
<div class="project-code-cell table-cell">
<span><%= project.code %></span>
</div>
<div class="project-name-cell table-cell">
<% if project.archived? %>
<%= link_to project_url(project, view_mode: :archived) do %>
@ -38,14 +38,20 @@
</div>
</div>
<div class="data-row start-date-cell table-cell">
<span class="card-label"><%= t('projects.index.card.start_date') %></span>
<span class="value card-value"> <%= l(project.created_at, format: :full_date) %></span>
<span class="value cell-value"> <%= l(project.created_at, format: :full_with_comma) %></span>
</div>
<% if project.archived? %>
<div class="data-row archived-date-cell table-cell">
<span class="card-label"><%= t('projects.index.card.archived_date') %></span>
<span class="value card-value"> <%= l(project.archived_on, format: :full_date) %></span>
<span class="value cell-value"> <%= l(project.archived_on, format: :full_with_comma) %></span>
</div>
<% end %>
<div class="data-row visibility-cell table-cell">
<span class="card-label"><%= t('projects.index.card.visibility') %></span>
<span class="value">
@ -74,12 +80,4 @@
<% end %>
</div>
</div>
<% if project.archived? %>
<div class="data-row archived-date-cell table-cell">
<span class="card-label"><%= t('projects.index.card.archived_date') %></span>
<span class="value card-value"> <%= l(project.archived_on, format: :full_date) %></span>
<span class="value cell-value"> <%= l(project.archived_on, format: :full_with_comma) %></span>
</div>
<% end %>
</div>