Fossil SCM

Enable responsive design by default on all skins.

drh 2018-08-20 18:04 mobile
Commit 466744aae2c1da28176e0c7600ae26d0cc16d098d901433d9dd07a5e7e19bbc9
Parent 4f4956f831cbad2…
4 files changed -19 -10 +1 -1 +1
~ skins/default/css.txt ~ skins/default/header.txt ~ skins/plain_gray/details.txt ~ src/style.c
M skins/default/css.txt
-19
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -1,24 +1,5 @@
1
-/* Add the "mobileonly" class to any elements that should be visible
2
-** on narrow-screen mobile devices only */
3
-@media screen and (min-width: 600px){
4
- /* Settings for wide desktop screens */
5
- .mobileonly {display: none;}
6
-}
7
-/* Add the "desktoponly" class to any elements that should be visible
8
-** on desktops with at least 600 pixels of horizontal space. */
9
-@media screen and (max-width: 600px){
10
- /* Settings for narrow mobile screens */
11
- .desktoponly {display: none;}
12
-}
13
-/* Add the "wideonly" class to any elements that should be visible
14
-** on wide-screen desktops with */
15
-@media screen and (max-width: 800px){
16
- /* Settings for screens that are less than 800px wide */
17
- .wideonly {display: none;}
18
-}
19
-
201
 body {
212
 margin: 0 auto;
223
 padding: 0px 20px;
234
 background-color: white;
245
 font-family: sans-serif;
256
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -1,24 +1,5 @@
1 /* Add the "mobileonly" class to any elements that should be visible
2 ** on narrow-screen mobile devices only */
3 @media screen and (min-width: 600px){
4 /* Settings for wide desktop screens */
5 .mobileonly {display: none;}
6 }
7 /* Add the "desktoponly" class to any elements that should be visible
8 ** on desktops with at least 600 pixels of horizontal space. */
9 @media screen and (max-width: 600px){
10 /* Settings for narrow mobile screens */
11 .desktoponly {display: none;}
12 }
13 /* Add the "wideonly" class to any elements that should be visible
14 ** on wide-screen desktops with */
15 @media screen and (max-width: 800px){
16 /* Settings for screens that are less than 800px wide */
17 .wideonly {display: none;}
18 }
19
20 body {
21 margin: 0 auto;
22 padding: 0px 20px;
23 background-color: white;
24 font-family: sans-serif;
25
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -1,24 +1,5 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1 body {
2 margin: 0 auto;
3 padding: 0px 20px;
4 background-color: white;
5 font-family: sans-serif;
6
M skins/default/header.txt
-10
--- skins/default/header.txt
+++ skins/default/header.txt
@@ -1,15 +1,5 @@
1
-<html>
2
-<head>
3
-<base href="$baseurl/$current_page" />
4
-<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: 'unsafe-inline'" />
5
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
-<title>$<project_name>: $<title></title>
7
-<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="$home/timeline.rss" />
8
-<link rel="stylesheet" href="$stylesheet_url" type="text/css" media="screen" />
9
-</head>
10
-<body>
111
 <div class="header">
122
 <div class="title"><h1>$<project_name></h1>$<title></div>
133
 <div class="status"><th1>
144
 if {[info exists login]} {
155
 html "$login — <a href='$home/login'>Logout</a>\n"
166
--- skins/default/header.txt
+++ skins/default/header.txt
@@ -1,15 +1,5 @@
1 <html>
2 <head>
3 <base href="$baseurl/$current_page" />
4 <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: 'unsafe-inline'" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>$<project_name>: $<title></title>
7 <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="$home/timeline.rss" />
8 <link rel="stylesheet" href="$stylesheet_url" type="text/css" media="screen" />
9 </head>
10 <body>
11 <div class="header">
12 <div class="title"><h1>$<project_name></h1>$<title></div>
13 <div class="status"><th1>
14 if {[info exists login]} {
15 html "$login — <a href='$home/login'>Logout</a>\n"
16
--- skins/default/header.txt
+++ skins/default/header.txt
@@ -1,15 +1,5 @@
 
 
 
 
 
 
 
 
 
 
1 <div class="header">
2 <div class="title"><h1>$<project_name></h1>$<title></div>
3 <div class="status"><th1>
4 if {[info exists login]} {
5 html "$login — <a href='$home/login'>Logout</a>\n"
6
M skins/plain_gray/details.txt
+1 -1
--- skins/plain_gray/details.txt
+++ skins/plain_gray/details.txt
@@ -1,4 +1,4 @@
11
 timeline-arrowheads: 1
2
-timeline-circle-nodes: 0
2
+timeline-circle-nodes: 1
33
 timeline-color-graph-lines: 0
44
 white-foreground: 0
55
--- skins/plain_gray/details.txt
+++ skins/plain_gray/details.txt
@@ -1,4 +1,4 @@
1 timeline-arrowheads: 1
2 timeline-circle-nodes: 0
3 timeline-color-graph-lines: 0
4 white-foreground: 0
5
--- skins/plain_gray/details.txt
+++ skins/plain_gray/details.txt
@@ -1,4 +1,4 @@
1 timeline-arrowheads: 1
2 timeline-circle-nodes: 1
3 timeline-color-graph-lines: 0
4 white-foreground: 0
5
M src/style.c
+1
--- src/style.c
+++ src/style.c
@@ -372,10 +372,11 @@
372372
 @ <html>
373373
 @ <head>
374374
 @ <base href="$baseurl/$current_page" />
375375
 @ <meta http-equiv="Content-Security-Policy" \
376376
 @ content="default-src 'self' data: 'unsafe-inline'" />
377
+@ <meta name="viewport" content="width=device-width, initial-scale=1.0">
377378
 @ <title>$<project_name>: $<title></title>
378379
 @ <link rel="alternate" type="application/rss+xml" title="RSS Feed" \
379380
 @ href="$home/timeline.rss" />
380381
 @ <link rel="stylesheet" href="$stylesheet_url" type="text/css" \
381382
 @ media="screen" />
382383
--- src/style.c
+++ src/style.c
@@ -372,10 +372,11 @@
372 @ <html>
373 @ <head>
374 @ <base href="$baseurl/$current_page" />
375 @ <meta http-equiv="Content-Security-Policy" \
376 @ content="default-src 'self' data: 'unsafe-inline'" />
 
377 @ <title>$<project_name>: $<title></title>
378 @ <link rel="alternate" type="application/rss+xml" title="RSS Feed" \
379 @ href="$home/timeline.rss" />
380 @ <link rel="stylesheet" href="$stylesheet_url" type="text/css" \
381 @ media="screen" />
382
--- src/style.c
+++ src/style.c
@@ -372,10 +372,11 @@
372 @ <html>
373 @ <head>
374 @ <base href="$baseurl/$current_page" />
375 @ <meta http-equiv="Content-Security-Policy" \
376 @ content="default-src 'self' data: 'unsafe-inline'" />
377 @ <meta name="viewport" content="width=device-width, initial-scale=1.0">
378 @ <title>$<project_name>: $<title></title>
379 @ <link rel="alternate" type="application/rss+xml" title="RSS Feed" \
380 @ href="$home/timeline.rss" />
381 @ <link rel="stylesheet" href="$stylesheet_url" type="text/css" \
382 @ media="screen" />
383

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button