Fix most pages on small screens
This commit is contained in:
parent
188c6f326b
commit
b3c7c8700d
8 changed files with 96 additions and 23 deletions
|
@ -60,8 +60,12 @@
|
|||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
|
||||
&.activity-stream-headless {
|
||||
.entry:first-child {
|
||||
.entry {
|
||||
&:last-child {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-radius: 0;
|
||||
|
||||
&:last-child {
|
||||
|
@ -71,6 +75,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 360px) {
|
||||
.avatar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.entry__container {
|
||||
display: flex;
|
||||
}
|
||||
|
@ -192,6 +202,7 @@
|
|||
display: block;
|
||||
overflow: hidden;
|
||||
padding-left: 10px;
|
||||
margin-bottom: 21px;
|
||||
|
||||
li {
|
||||
display: block;
|
||||
|
@ -200,7 +211,7 @@
|
|||
height: 100px;
|
||||
border-radius: 4px;
|
||||
margin-right: 4px;
|
||||
margin-bottom: 25px;
|
||||
margin-bottom: 4px;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue