Fossil

Check-in [466744aa]
Login

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Enable responsive design by default on all skins.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | mobile
Files: files | file ages | folders
SHA3-256: 466744aae2c1da28176e0c7600ae26d0cc16d098d901433d9dd07a5e7e19bbc9
User & Date: drh 2018-08-20 18:04:26.032
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
Unified Diff Ignore Whitespace Patch
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>
︙︙