docs(docs-infra): keep 'Show code' button aligned right and prevent m… · angular/angular@70bc311 · GitHub

angular / angular Public

• Notifications You must be signed in to change notification settings
• Fork 27.4k
• Star 101k

• Code
• Issues 986
• Pull requests 168
• Discussions
• Actions
• Projects
• Security and quality 32
• Insights

Additional navigation options

Commit 70bc311

Browse filesBrowse the repository at this point in the historyBrowse files

MeAkib

authored and

kirjs

committed

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

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. (cherry picked from commit b26fe73)

1 parent f73cfd5 commit 70bc311
Copy full SHA for 70bc311

1 file changed

+3-6Lines changed: 3 additions & 6 deletions

File tree

Expand file treeCollapse file tree

Open diff view settings

Filter options

• adev/shared-docs/components/viewers/example-viewer
  • example-viewer.component.scss

Expand file treeCollapse file tree

Open diff view settings

Collapse file

‎adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss‎

Copy file name to clipboardExpand all lines: adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss

+3-6Lines changed: 3 additions & 6 deletions

Original file line number	Diff line number	Diff line change
@@ -28,7 +28,9 @@
28	28	align-items: center;
29	29	gap: 0.5rem;
30	30	border-bottom: 1px solid var(--senary-contrast);
31		- transition: background 0.3s ease, border-color 0.3s ease;
	31	+ transition:
	32	+ background 0.3s ease,
	33	+ border-color 0.3s ease;
32	34	padding-inline-end: 0.65rem;
33	35	font-family: var(--inter-tight-font);
34	36	height: 3rem;
@@ -88,17 +90,12 @@
88	90	align-items: center;
89	91	width: auto;
90	92
91		- &__show {
92		- margin-right: auto;
93		- }
94		-
95	93	.docs-example-show-code {
96	94	display: flex;
97	95	gap: 0.5rem;
98	96	align-items: center;
99	97	}
100	98	}
101		-
102	99	}
103	100	}
104	101

0 commit comments

Comments

0 (0)