omit long descriptions in small displays

This commit is contained in:
Keiichi Watanabe 2016-03-29 15:18:22 +09:00
parent fcae520d18
commit 40e18bfd82

View file

@ -291,6 +291,12 @@ body.search #searchOptions.active, body.help #searchOptions.active, body.error
body.search #searchOptions.active, body.help #searchOptions.active, body.error #searchOptions.active {
right: 0;
}
.description {
overflow: hidden !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
}
/* Extra small devices (portrait phones, less than 34em) */
@ -298,6 +304,9 @@ body.search #searchOptions.active, body.help #searchOptions.active, body.error
.br-xs {
display: block;
}
.hidden-xs {
display: none !important;
}
.mainLogo img {
width: 200px;
}
@ -324,6 +333,12 @@ body.search #searchOptions.active, body.help #searchOptions.active, body.error
#footer {
font-size: 65%;
}
.description {
overflow: hidden !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
}
@media ( max-width : 767px) and (min-width: 481px) {