skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(docs-infra): keep 'Show code' button aligned right and prevent metadata wrapping

Browse Source 
Ensures the example viewer header displays correctly by keeping the "Show code"
button aligned to the right and preventing metadata text from wrapping.
Improves layout consistency across documentation examples.
This commit is contained in:
Shuaib Hasan Akib
2025-11-22 09:36:15 +06:00
committed by Kirill Cherkashin
parent 9dd7cc13ca
commit b26fe73a91
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss
+3 -6
View File
@@ -28,7 +28,9 @@
align-items: center;
gap: 0.5rem;
border-bottom: 1px solid var(--senary-contrast);
transition: background 0.3s ease, border-color 0.3s ease;
transition:
background 0.3s ease,
border-color 0.3s ease;
padding-inline-end: 0.65rem;
font-family: var(--inter-tight-font);
height: 3rem;
@@ -88,17 +90,12 @@
align-items: center;
width: auto;
&__show {
margin-right: auto;
}
.docs-example-show-code {
display: flex;
gap: 0.5rem;
align-items: center;
}
}
}
}