1
0
Fork 0
mirror of https://github.com/gwm17/glfw.git synced 2024-11-22 18:28:52 -05:00

Improve docs scaling on mobile and small screens

Closes #1757.
This commit is contained in:
Siavash Eliasi 2020-09-01 11:46:12 +04:30 committed by Camilla Löwy
parent 59196f9ad8
commit bb1d917c2f
3 changed files with 28 additions and 11 deletions

File diff suppressed because one or more lines are too long

View File

@ -159,11 +159,17 @@ h3 {
.glfwheader { .glfwheader {
font-size:16px; font-size:16px;
height:64px; min-height:64px;
max-width:920px; max-width:920px;
min-width:800px;
padding:0 32px; padding:0 32px;
margin:0 auto; margin:0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: stretch;
} }
#glfwhome { #glfwhome {
@ -176,7 +182,7 @@ h3 {
.glfwnavbar { .glfwnavbar {
list-style-type:none; list-style-type:none;
margin:0 auto; margin:0 0 0 auto;
float:right; float:right;
} }
@ -191,6 +197,10 @@ h3 {
color:@header-footer-link-color; color:@header-footer-link-color;
} }
.glfwnavbar {
padding-left: 0;
}
#glfwhome,.glfwnavbar a,.glfwnavbar a:visited { #glfwhome,.glfwnavbar a,.glfwnavbar a:visited {
transition:.35s ease; transition:.35s ease;
} }
@ -211,14 +221,12 @@ address.footer {
#main-nav { #main-nav {
max-width:960px; max-width:960px;
min-width:800px;
margin:0 auto; margin:0 auto;
font-size:13px; font-size:13px;
} }
#main-menu { #main-menu {
max-width:920px; max-width:920px;
min-width:800px;
margin:0 auto; margin:0 auto;
font-size:13px; font-size:13px;
} }
@ -233,9 +241,13 @@ address.footer {
} }
#main-menu { #main-menu {
height:36px; min-height:36px;
display:block; display: flex;
position:relative; flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: stretch;
} }
#main-menu a,#main-menu a:visited,#main-menu a:hover,#main-menu li { #main-menu a,#main-menu a:visited,#main-menu a:hover,#main-menu li {
@ -250,6 +262,10 @@ address.footer {
color:@default-link-color; color:@default-link-color;
} }
#main-menu > li:last-child {
margin: 0 0 0 auto;
}
.contents { .contents {
min-height:590px; min-height:590px;
} }

View File

@ -1,7 +1,8 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=9"/> <meta http-equiv="X-UA-Compatible" content="IE=9"/>
<meta name="generator" content="Doxygen $doxygenversion"/> <meta name="generator" content="Doxygen $doxygenversion"/>
<!--BEGIN PROJECT_NAME--><title>$projectname: $title</title><!--END PROJECT_NAME--> <!--BEGIN PROJECT_NAME--><title>$projectname: $title</title><!--END PROJECT_NAME-->