godotengine/godot-team-reports
1
0
Fork 0
mirror of https://github.com/godotengine/godot-team-reports.git synced 2025-12-31 13:48:17 +03:00
Code Issues Packages Projects Releases Wiki Activity

Slightly improve usability of the mobile layout

Browse Source
This commit is contained in:
Yuri Sizov
2022-07-13 00:43:43 +03:00
parent 1ae565ee64
commit 038accbba2
3 changed files with 37 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/paths/index/components/prs/PullRequestList.js
View File

@@ -112,6 +112,8 @@ export default class PullRequestList extends LitElement {
@media only screen and (max-width: 900px) {
:host .team-pulls {
padding: 8px;
max-width: 95%;
margin: 0px auto;
}
:host .pulls-count {
margin-bottom: 12px;
@@ -123,6 +125,17 @@ export default class PullRequestList extends LitElement {
width: 100%;
justify-content: space-between;
}
:host .pulls-filters-column {
font-size: 15px;
}
:host .pulls-filters-column > span {
padding: 2px 0;
}
:host .pulls-filter > *:first-child,
:host .pulls-sort > *:first-child {
padding-right: 12px;
}
}
`;
}

11
src/paths/index/components/teams/TeamItem.js
View File

@@ -65,6 +65,17 @@ export default class TeamItem extends LitElement {
color: var(--g-font-color);
font-weight: 700;
}
@media only screen and (max-width: 900px) {
:host .team-item {
padding: 6px 16px;
}
:host .team-title,
:host .team-pull-count {
font-size: 16px;
}
}
`;
}

8
src/paths/index/components/teams/TeamList.js
View File

@@ -80,10 +80,18 @@ export default class TeamList extends LitElement {
:host {
width: 100%
}
:host .team-list-switcher {
font-size: 17px;
}
:host .team-list {
display: none;
width: 100% !important;
}
:host .team-list.team-list--active {
margin-bottom: 24px;
}
:host .team-mobile-container,
:host .team-list.team-list--active {
display: block !important;