TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-26 20:34:02 +03:00
Code Issues Projects Releases Wiki Activity

🎨 Improve layout of team invites list at mobile sizes (#813)

Browse Source 
refs https://github.com/TryGhost/Ghost/issues/8744
- adjust padding of `.apps-card-meta` at mobile sizes
- adjust title font-size of `.apps-card-title` at mobile sizes
- adjust wrapping behaviour of actions and status badge of invites on team screen
This commit is contained in:
Farhad 2017-08-17 13:03:20 +02:00 committed by Kevin Ansfield
parent 714717ba07
commit 5552a3edc0
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ghost/admin/app/styles/layouts/apps.css
View File

@ -114,7 +114,12 @@
.apps-card-meta {
display: flex;
flex-direction: column;
padding: 0 70px 0 0;
padding-right: 70px;
}
@media (max-width: 500px) {
.apps-card-meta {
padding-right: 20px;
}
}
.apps-card-app-title {
@ -126,6 +131,11 @@
line-height: 1.15em;
font-weight: bold;
}
@media (max-width: 500px) {
.apps-card-app-title {
font-size: 1.5rem;
}
}
/* Apps Card Meta

5
ghost/admin/app/styles/layouts/users.css
View File

@ -51,6 +51,11 @@
opacity: 0;
}
.gh-team .apps-configured {
flex-wrap: wrap;
justify-content: flex-end;
}
.gh-team .apps-configured .gh-badge {
margin-left: 0.75em;
}