Fix titles to one line

SCI-5518
This commit is contained in:
Urban Rotnik 2021-03-08 22:01:26 +01:00
parent e1db291729
commit 919eeb2783
4 changed files with 12 additions and 5 deletions

View file

@ -36,6 +36,12 @@
margin: 0; margin: 0;
} }
.name-readonly-placeholder {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.header-actions { .header-actions {
align-items: center; align-items: center;
display: flex; display: flex;

View file

@ -322,13 +322,12 @@ a[data-toggle="tooltip"] {
} }
&.with-breadcrumbs { &.with-breadcrumbs {
padding-top: 0; padding-top: .5em;
} }
} }
.nav-name { .nav-name {
align-items: center; align-items: center;
display: flex;
height: 54px; height: 54px;
line-height: 44px; line-height: 44px;
margin: 0; margin: 0;

View file

@ -3,10 +3,10 @@
<%= render partial: 'projects/index/breadcrumbs', locals: { target_folder: current_folder } if current_folder %> <%= render partial: 'projects/index/breadcrumbs', locals: { target_folder: current_folder } if current_folder %>
</div> </div>
<div class="title-row"> <div class="title-row">
<h1 data-view-mode="active" class="projects-title"><%= current_folder&.name || t('projects.index.head_title') %></h1> <h1 data-view-mode="active" class="projects-title name-readonly-placeholder"><%= current_folder&.name || t('projects.index.head_title') %></h1>
<h1 data-view-mode="archived"> <h1 data-view-mode="archived">
<i class="fas fa-archive"></i>&nbsp; <i class="fas fa-archive"></i>&nbsp;
<span class="projects-title"><%= current_folder&.name || t('projects.index.head_title_archived') %></span> <span class="projects-title name-readonly-placeholder"><%= current_folder&.name || t('projects.index.head_title_archived') %></span>
</h1> </h1>
<div class="sci-btn-group header-actions"> <div class="sci-btn-group header-actions">

View file

@ -12,7 +12,9 @@
config: @inline_editable_title_config config: @inline_editable_title_config
} %> } %>
<% else %> <% else %>
<div class="name-readonly-placeholder">
<%= @project.name %> <%= @project.name %>
</div>
<% end %> <% end %>
</h1> </h1>
<div class="sci-btn-group header-actions"> <div class="sci-btn-group header-actions">