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

fix(docs-infra): fix margin of social icon on small screens (#42790) 

This commit fixes the margin of the social icons on small screens. This
mainly affects screens between 420px and 480px, where only one social
icon is show (due to limited space) but not necessarily the first one
(in DOM order).

**Before:** ![social icon before][1]
**After:** ![social icon after][2]

[1]: https://user-images.githubusercontent.com/8604205/124788616-2f5f0200-df52-11eb-9ec2-9e46b90cd286.png
[2]: https://user-images.githubusercontent.com/8604205/124788623-2ff79880-df52-11eb-90ec-31b04973de68.png

PR Close #42790
This commit is contained in:
George Kalpakas 2021-07-07 18:37:25 +03:00 committed by Andrew Kushnir
parent 50b6aae029
commit 5356796250
1 changed files with 1 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
aio/src/styles/1-layouts/top-menu/_top-menu.scss
View File

@ -203,11 +203,7 @@ mat-toolbar.app-toolbar {
.toolbar-external-icons-container { .toolbar-external-icons-container {
a { a {
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
margin: 0; margin: 0 -8px 0 0;
&:not(:first-child) {
margin-left: -8px;
}
} }
@media screen and (max-width: 420px) { @media screen and (max-width: 420px) {