Merge pull request #29847 from nextcloud/backport/29833/stable23

[stable23] make profile page usable on mobile
This commit is contained in:
szaimen 2021-11-23 17:33:34 +01:00 committed by GitHub
commit d0385114e1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 49 additions and 3 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -512,6 +512,52 @@ $content-max-width: 640px;
}
}
@media only screen and (max-width: 1024px) {
.profile {
&__header {
height: 250px;
position: unset;
&__container {
grid-template-columns: unset;
&__displayname {
margin: 100px 20px 0px;
width: unset;
display: unset;
text-align: center;
}
&__edit-button {
width: fit-content;
display: block;
margin: 30px auto;
}
}
}
&__content {
display: block;
}
&__blocks {
width: unset;
max-width: 600px;
margin: 0 auto;
padding: 20px 50px 50px 50px;
&-empty-info {
margin: 0;
}
}
&__sidebar {
margin: unset;
position: unset;
}
}
}
.user-actions {
display: flex;
flex-direction: column;