honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(docs-infra): fix About page button text being truncated on small screens (#36576) 

On small screens (e.g. on mobile), the text on some of the buttons in
the About page was truncated. Changed the text size, margin and
padding so that the the whole text is visible on such screens (320px to
480px).

PR Close #36576
This commit is contained in:
ajitsinghkaler 2020-04-12 17:28:28 +05:30 committed by atscott
parent 9181b73e5a
commit 2d16b4711e
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
aio/src/styles/2-modules/_contributor.scss
View File

@ -19,6 +19,14 @@ aio-contributor-list {
.group-buttons { .group-buttons {
margin: 32px auto; margin: 32px auto;
@media (max-width: 480px) {
.filter-button.button {
font-size: 1.2rem;
padding: 0;
margin: 0;
}
}
a { a {
&.selected { &.selected {
background-color: $blue; background-color: $blue;