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

Add responsive behavior for very small screens

stable
Xavier Julián 2015-05-05 09:40:11 +02:00 committed by David Barragán Merino
parent cd93b4f902
commit 57a3c21cbf
2 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,17 +2,18 @@
// - I know, I know, but look it closer, it makes sense
// - Oh, I see. It's ok for this time...
$break-small: 320px;
$break-large: 1024px;
@mixin breakpoint($point) {
@if $point == desktop {
@media (min-width: 1200px) { @content ; }
}
@else if $point == laptop {
@media (max-width: 1200px) { @content ; }
}
@else if $point == tablet {
@media (max-width: 767px) { @content ; }
}
@else if $point == mobileonly {
@media (max-width: 480px) { @content ; }
@mixin respond-to($media) {
@if $media == handhelds {
@media only screen and (max-width: $break-small) { @content; }
}
@if $media == medium-screens {
@media only screen and (min-width: $break-small + 1) and (max-width: $break-large - 1) { @content; }
}
@if $media == wide-screens {
@media only screen and (min-width: $break-large) { @content; }
}
}

15
app/styles/modules/issues/issues-table.scss
View File

@ -111,4 +111,19 @@
top: auto;
}
}
.level-field,
.created-field {
@include breakpoint(laptop) {
display: none;
}
}
.level-field,
.created-field,
.assigned-field {
@include breakpoint(tablet) {
display: none;
}
}
}