Skip to content

Commit c6e3560

Browse files
committed
minor #858 [Site] Fixing "copy" button breaking onto next line on some smaller screens (weaverryan)
This PR was merged into the 2.x branch. Discussion ---------- [Site] Fixing "copy" button breaking onto next line on some smaller screens | Q | A | ------------- | --- | Bug fix? | yes | New feature? | no | Tickets | None | License | MIT Before: <img width="387" alt="Screenshot 2023-05-10 at 12 04 49 PM" src="https://github.com/symfony/ux/assets/121003/87415e95-7221-4cce-82cb-0acc380f3723"> After: <img width="383" alt="Screenshot 2023-05-10 at 12 04 34 PM" src="https://github.com/symfony/ux/assets/121003/2098431b-d5c7-413f-9b7a-916ff058a380"> Cheers! Commits ------- da27d2c [Site] Fixing "copy" button breaking onto next line on some smaller screens
2 parents 8f5c600 + da27d2c commit c6e3560

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

ux.symfony.com/assets/styles/_terminal.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,9 @@
1919
.terminal-code a.filename-header {
2020
color: white;
2121
display: inline-block;
22+
flex-shrink: 1;
23+
overflow: hidden;
24+
text-overflow: ellipsis;
2225
}
2326

2427
.terminal-wrapper .terminal-controls {
@@ -62,6 +65,9 @@
6265
.terminal-code .btn-copy:hover {
6366
background-color: $n-600;
6467
}
68+
.terminal-code .code-buttons {
69+
white-space: nowrap;
70+
}
6571
/* copy button inside the code block itself */
6672
.terminal-code .terminal-body .code-buttons {
6773
position: absolute;

0 commit comments

Comments
 (0)