github-mirror/fish-shell
2
0
Fork 0
mirror of https://github.com/fish-shell/fish-shell.git synced 2024-11-22 15:18:50 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Webconfig: Let it work better on small screens

Browse Source 
This allows it to basically work down to quite small widths.
This commit is contained in:
Fabian Homborg 2020-12-03 17:30:41 +01:00
parent 8c5f733e20
commit 96dd8d511e
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
share/tools/web_config/fishconfig.css
View File

@ -17,6 +17,14 @@ code {
overflow: hidden;
}
@media screen and (max-width: 700px) {
/* On small screens remove the margins to leave more for the actual content */
#ancestor {
width: 100%;
margin-left: none;
margin-right: none;
}
}
#parent {
width: 100%;
min-height: 480px;
@ -27,6 +35,7 @@ code {
display: table;
width: 100%;
height: 50px;
overflow-wrap: anywhere;
}
.tab {
@ -70,6 +79,7 @@ code {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
min-height: 80vh;
background-color: #eeeefa;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;