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) { %> <% _.each(projects, function(project) { %>
<li> <li>
<a href="<%- project.url %>"> <a href="<%- project.url %>">
<%- project.name %> <span class="project-name"><%- project.name %></span>
<span class="icon icon-arrow-right"/> <span class="icon icon-arrow-right"/>
</a> </a>
</li> </li>

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

@ -20,7 +20,7 @@ block content
fieldset fieldset
label(for="project-name") Project Name label(for="project-name") Project Name
input(type="text", name="name", placeholder="Project name", id="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 fieldset
label(for="project-slug") Project Slug label(for="project-slug") Project Slug

2
app/partials/kanban.jade
View File

@ -9,7 +9,7 @@ block content
section.main.kanban section.main.kanban
div.kanban-detail-header div.kanban-detail-header
h1 h1
span(tg-bo-bind="project.name") span(tg-bo-bind="project.name", class="project-name")
span.green(tg-bo-bind="sectionName") span.green(tg-bo-bind="sectionName")
div.kanban-settings div.kanban-settings
// a.button.button-trans(href="", title="Filter") // 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") div.wrapper(ng-controller="ProjectController as ctrl")
section.main.single-project section.main.single-project
h1 h1
span.green(tg-bo-bind="project.name") span.green(tg-bo-bind="project.name", class="project-name")
div.summary div.summary
ul.home-project-info-list ul.home-project-info-list
li li

2
app/partials/taskboard.jade
View File

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

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

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

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

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

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

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

2
app/partials/wiki.jade
View File

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

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

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

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

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