omit long descriptions in small displays
This commit is contained in:
parent
fcae520d18
commit
40e18bfd82
1 changed files with 15 additions and 0 deletions
|
@ -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) {
|
||||
|
|
Loading…
Add table
Reference in a new issue