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

Add breakpoint for small screens in US statuses

stable
Xavier Julián 2016-10-03 11:04:02 +02:00
parent 557c079c11
commit d3265dcb34
4 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/locales/taiga/locale-en.json
View File

@ -755,7 +755,8 @@
}, },
"US_STATUS": { "US_STATUS": {
"ACTION_ADD_STATUS": "Add new status", "ACTION_ADD_STATUS": "Add new status",
"IS_ARCHIVED_COLUMN": "Is archived?", "IS_ARCHIVED_COLUMN": "Archived",
"IS_CLOSED_COLUMN": "Closed",
"WIP_LIMIT_COLUMN": "WIP Limit", "WIP_LIMIT_COLUMN": "WIP Limit",
"PLACEHOLDER_WRITE_NAME": "Write a name for the new status" "PLACEHOLDER_WRITE_NAME": "Write a name for the new status"
}, },

2
app/partials/includes/modules/admin/project-us-status.jade
View File

@ -11,7 +11,7 @@ section.project-us-status
div.color-column(translate="COMMON.FIELDS.COLOR") div.color-column(translate="COMMON.FIELDS.COLOR")
div.status-name(translate="COMMON.FIELDS.NAME") div.status-name(translate="COMMON.FIELDS.NAME")
div.status-slug(translate="COMMON.FIELDS.SLUG") div.status-slug(translate="COMMON.FIELDS.SLUG")
div.is-closed-column(translate="COMMON.FIELDS.IS_CLOSED") div.is-closed-column(translate="ADMIN.US_STATUS.IS_CLOSED_COLUMN")
div.is-archived-column(translate="ADMIN.US_STATUS.IS_ARCHIVED_COLUMN") div.is-archived-column(translate="ADMIN.US_STATUS.IS_ARCHIVED_COLUMN")
div.status-wip-limit(translate="ADMIN.US_STATUS.WIP_LIMIT_COLUMN") div.status-wip-limit(translate="ADMIN.US_STATUS.WIP_LIMIT_COLUMN")
div.options-column div.options-column

2
app/styles/dependencies/responsive.scss
View File

@ -1,6 +1,6 @@
@mixin breakpoint($point) { @mixin breakpoint($point) {
@if $point == desktop { @if $point == desktop {
@media (min-width: 1200px) { @content ; } @media (min-width: 1400px) { @content ; }
} }
@else if $point == laptop { @else if $point == laptop {
@media (max-width: 1280px) { @content ; } @media (max-width: 1280px) { @content ; }

16
app/styles/modules/common/colors-table.scss
View File

@ -79,9 +79,16 @@
flex-basis: 100px; flex-basis: 100px;
} }
.status-slug { .status-slug {
display: none;
flex-basis: 150px; flex-basis: 150px;
flex-grow: 6; flex-grow: 6;
padding: 0 10px; padding: 0 10px;
@include breakpoint(desktop) {
display: block;
}
span {
@include ellipsis(100%);
}
} }
.options-column { .options-column {
max-width: 100px; max-width: 100px;
@ -94,13 +101,17 @@
text-align: center; text-align: center;
} }
.is-closed-column { .is-closed-column {
max-width: 130px; max-width: 100px;
text-align: center; text-align: center;
} }
.status-wip-limit { .status-wip-limit {
max-width: 130px; display: none;
max-width: 100px;
padding: 0 0 0 10px; padding: 0 0 0 10px;
text-align: center; text-align: center;
@include breakpoint(desktop) {
display: block;
}
} }
} }
@ -163,4 +174,5 @@
visibility: hidden; visibility: hidden;
} }
} }
} }