diff options
| author | matthew <[email protected]> | 2023-11-22 14:23:22 +0000 |
|---|---|---|
| committer | matthew <[email protected]> | 2023-11-22 14:23:22 +0000 |
| commit | 34a38f337681759d604c64434c486238ee725462 (patch) | |
| tree | eaecda9d57324f5b4f6e05d891118f993b19dd27 | |
| parent | 17a91f1da95b210d0f1f4988671e4d7d181f7b61 (diff) | |
| download | raylib.com-34a38f337681759d604c64434c486238ee725462.tar.gz raylib.com-34a38f337681759d604c64434c486238ee725462.zip | |
Cheatsheet mobile responsiveness
| -rw-r--r-- | cheatsheet/cheatsheet.html | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/cheatsheet/cheatsheet.html b/cheatsheet/cheatsheet.html index 7e64e99..a1f48fe 100644 --- a/cheatsheet/cheatsheet.html +++ b/cheatsheet/cheatsheet.html @@ -37,7 +37,7 @@ font-size-adjust:0.49; } body{background-color:#f5f5f5;} - #fulldata{width: 1315px!important;} + .eximage img{margin: 0 auto; border: 1px solid; border-color: black; width:770px; height:auto;} p{font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size:13px; line-height:24px;} a{font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size:13px; line-height:24px;} @@ -57,12 +57,12 @@ #structs pre code{border:10px solid; border-color:#d2c9c6; background-color:#f8f8ff;} #colors pre code{border:10px solid; border-color:#c6d2c6; background-color:#e9f1f2;} #logo{width:128px; height:128px; float:left; position:relative; background-image:url(../common/img/raylib_logo.png);} - #header{position:relative; height:110px; width: 1000px;} + #header{position:relative; height:110px; max-width: 1000px;} #title, #plinks, #version{position:relative; float:left; margin:0px; margin-left:10px; margin-top:10px;} #plinks{color: gray;} #plinks a, #copyright a{color: gray; text-decoration:none;} #plinks a:hover{color: black;} - #version {margin-top: 23px; width:500px;} + #version {margin-top: 23px; max-width:500px;} #pcore{margin-bottom:-12px; margin-left:12px; color:#5c5a5a;} #pshapes{margin-bottom:-12px; margin-left:12px; color:#c55757;} #ptextures{margin-bottom:-12px; margin-left:12px; color:#60815a;} @@ -85,6 +85,16 @@ #downpdf:hover{color:#444;} #fulldata p a {color:#0eefff; text-decoration: none;} + + @media screen and (max-width: 1550px) { + #fullgroup { + grid-template-columns: auto; + } + + .leftgroup, .rightgroup { + overflow-x: auto; + } + } </style> <script type="text/javascript"> |