Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
Overview
| Comment: | Enable responsive design by default on all skins. |
|---|---|
| Downloads: | Tarball | ZIP archive | SQL archive |
| Timelines: | family | ancestors | descendants | both | mobile |
| Files: | files | file ages | folders |
| SHA3-256: |
466744aae2c1da28176e0c7600ae26d0 |
| User & Date: | drh 2018-08-20 18:04:26 |
Context
|
2018-08-20
| ||
| 18:05 | Make all webpages more mobile-friendly. There are still many tweaks possible, but it seems to basically work now. (check-in: 9131af26 user: drh tags: trunk) | |
| 18:04 | Enable responsive design by default on all skins. (Closed-Leaf check-in: 466744aa user: drh tags: mobile) | |
| 17:51 | Add automatic columnation of the capabilities in the /setup_uedit screen. (check-in: 4f4956f8 user: drh tags: mobile) | |
Changes
Changes to skins/default/css.txt.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
/* Add the "mobileonly" class to any elements that should be visible ** on narrow-screen mobile devices only */ @media screen and (min-width: 600px){ /* Settings for wide desktop screens */ .mobileonly {display: none;} } /* Add the "desktoponly" class to any elements that should be visible ** on desktops with at least 600 pixels of horizontal space. */ @media screen and (max-width: 600px){ /* Settings for narrow mobile screens */ .desktoponly {display: none;} } /* Add the "wideonly" class to any elements that should be visible ** on wide-screen desktops with */ @media screen and (max-width: 800px){ /* Settings for screens that are less than 800px wide */ .wideonly {display: none;} } body { margin: 0 auto; padding: 0px 20px; background-color: white; font-family: sans-serif; font-size:14pt; -moz-text-size-adjust: none; |
< < < < < < < < < < < < < < < < < < < |
1 2 3 4 5 6 7 |
body {
margin: 0 auto;
padding: 0px 20px;
background-color: white;
font-family: sans-serif;
font-size:14pt;
-moz-text-size-adjust: none;
|
Changes to skins/default/header.txt.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<html> <head> <base href="$baseurl/$current_page" /> <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: 'unsafe-inline'" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>$<project_name>: $<title></title> <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="$home/timeline.rss" /> <link rel="stylesheet" href="$stylesheet_url" type="text/css" media="screen" /> </head> <body> <div class="header"> <div class="title"><h1>$<project_name></h1>$<title></div> <div class="status"><th1> if {[info exists login]} { html "$login — <a href='$home/login'>Logout</a>\n" } else { html "<a href='$home/login'>Login</a>\n" |
< < < < < < < < < < |
1 2 3 4 5 6 7 |
<div class="header">
<div class="title"><h1>$<project_name></h1>$<title></div>
<div class="status"><th1>
if {[info exists login]} {
html "$login — <a href='$home/login'>Logout</a>\n"
} else {
html "<a href='$home/login'>Login</a>\n"
|
Changes to skins/plain_gray/details.txt.
1 2 3 4 |
timeline-arrowheads: 1
timeline-circle-nodes: 0
timeline-color-graph-lines: 0
white-foreground: 0
|
| |
1 2 3 4 |
timeline-arrowheads: 1
timeline-circle-nodes: 1
timeline-color-graph-lines: 0
white-foreground: 0
|
Changes to src/style.c.
370 371 372 373 374 375 376 377 378 379 380 381 382 383 |
*/ static char zDfltHeader[] = @ <html> @ <head> @ <base href="$baseurl/$current_page" /> @ <meta http-equiv="Content-Security-Policy" \ @ content="default-src 'self' data: 'unsafe-inline'" /> @ <title>$<project_name>: $<title></title> @ <link rel="alternate" type="application/rss+xml" title="RSS Feed" \ @ href="$home/timeline.rss" /> @ <link rel="stylesheet" href="$stylesheet_url" type="text/css" \ @ media="screen" /> @ </head> @ <body> |
> |
370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 |
*/
static char zDfltHeader[] =
@ <html>
@ <head>
@ <base href="$baseurl/$current_page" />
@ <meta http-equiv="Content-Security-Policy" \
@ content="default-src 'self' data: 'unsafe-inline'" />
@ <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ <title>$<project_name>: $<title></title>
@ <link rel="alternate" type="application/rss+xml" title="RSS Feed" \
@ href="$home/timeline.rss" />
@ <link rel="stylesheet" href="$stylesheet_url" type="text/css" \
@ media="screen" />
@ </head>
@ <body>
|