taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Limit title char lenght #662

stable
Xavier Julián 2014-08-25 13:13:22 +02:00
parent af197eb7c1
commit 7cf4150c62
11 changed files with 30 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/coffee/modules/nav.coffee
View File

@ -96,7 +96,7 @@ ProjectsNavigationDirective = ($rootscope, animationFrame, $timeout, tgLoader, $
<% _.each(projects, function(project) { %>
<li>
<a href="<%- project.url %>">
<%- project.name %>
<span class="project-name"><%- project.name %></span>
<span class="icon icon-arrow-right"/>
</a>
</li>

2
app/partials/admin-project-profile.jade
View File

@ -20,7 +20,7 @@ block content
fieldset
label(for="project-name") Project Name
input(type="text", name="name", placeholder="Project name", id="project-name",
ng-model="project.name", data-required="true")
ng-model="project.name", data-required="true", maxlength="45")
fieldset
label(for="project-slug") Project Slug

2
app/partials/kanban.jade
View File

@ -9,7 +9,7 @@ block content
section.main.kanban
div.kanban-detail-header
h1
span(tg-bo-bind="project.name")
span(tg-bo-bind="project.name", class="project-name")
span.green(tg-bo-bind="sectionName")
div.kanban-settings
// a.button.button-trans(href="", title="Filter")

2
app/partials/project.jade
View File

@ -7,7 +7,7 @@ block content
div.wrapper(ng-controller="ProjectController as ctrl")
section.main.single-project
h1
span.green(tg-bo-bind="project.name")
span.green(tg-bo-bind="project.name", class="project-name")
div.summary
ul.home-project-info-list
li

2
app/partials/taskboard.jade
View File

@ -8,7 +8,7 @@ block content
ng-init="section='backlog'")
section.main.taskboard
h1
span(tg-bo-bind="project.name")
span(tg-bo-bind="project.name", class="project-name-short")
span.green(tg-bo-bind="sprint.name")
span.date(tg-date-range="sprint.estimated_start,sprint.estimated_finish")
include views/components/sprint-summary

4
app/partials/views/components/mainTitle.jade
View File

@ -1,4 +1,4 @@
header
h1
span(tg-bo-bind="project.name")
span.green(tg-bo-bind="sectionName")
span(tg-bo-bind="project.name", class="project-name")
span.green(tg-bo-bind="sectionName")

2
app/partials/views/modules/lightbox_create-project.jade
View File

@ -5,7 +5,7 @@ form
form
fieldset
input(type="text", name="name", ng-model="data.name", data-required="true",
placeholder="Name")
placeholder="Name", maxlength="45")
fieldset
textarea(name="description", ng-model="data.description", data-required="true",
placeholder="Description")

2
app/partials/wiki-edit.jade
View File

@ -12,7 +12,7 @@ block content
//Include views/components/mainTitle
header
h1
span(tg-bo-bind="project.name")
span(tg-bo-bind="project.name", class="project-name-short")
span.green Wiki
span.wiki-title(tg-bo-bind='wikiSlug|unslugify')
.action-buttons

2
app/partials/wiki.jade
View File

@ -11,7 +11,7 @@ block content
section.main.wiki
.header-with-actions
h1
span(tg-bo-bind="project.name")
span(tg-bo-bind="project.name", class="project-name-short")
span.green Wiki
span.wiki-title(tg-bo-bind='wiki.slug|unslugify')
.action-buttons

9
app/styles/dependencies/typography.scss
View File

@ -53,11 +53,20 @@ h1 {
margin-right: .5rem;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
&.green,
&:last-child {
flex-shrink: 0;
}
&.project-name {
display: inline-block;
max-width: 60%;
}
&.project-name-short {
display: inline-block;
max-width: 40%;
}
}
.green {
color: $green-taiga;

12
app/styles/modules/common/projects-nav.scss
View File

@ -63,6 +63,7 @@
color: $whitish;
display: block;
padding: 1rem;
position: relative;
text-transform: uppercase;
width: 100%;
&.active,
@ -74,11 +75,20 @@
opacity: 1;
}
}
.project-name {
display: block;
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.icon {
color: $whitish;
float: right;
opacity: 0;
position: absolute;
right: 1rem;
top: 1rem;
}
li {
border-bottom: 2px solid $gray;