Don't stack PR tab menu on small screens (#25789)

the stacking takes up screen space - display the tabs as the navigation
bar. github uses the same layout.

Screenshots (left before, right after):


![image](d7e2aaec-c67b-403d-8d56-d4c824b04eed)
![image](9e150881-c265-4074-afd7-407bb52e1934)

Large screen:


![image](d5cbdaa3-2962-4c4f-9595-5938981ff99e)
This commit is contained in:
sebastian-sauer 2023-07-14 03:54:20 +02:00 committed by GitHub
parent e53390d88f
commit b81c013057
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 22 deletions

View file

@ -747,8 +747,15 @@
right: 1px;
}
.repository.view.issue .pull.tabs.container {
width: 100%;
max-width: 100%;
}
.repository.view.issue .pull.tabular.menu {
margin-bottom: 1rem;
margin-bottom: 0;
overflow-x: auto;
overflow-y: hidden;
}
.repository.view.issue .pull.tabular.menu .svg {