relikd/appchk-web
1
0
Fork 0
Code Issues Pull Requests Releases Activity

List apps underneath each other on small screens

Browse Source
This commit is contained in:
relikd
2020-09-20 14:13:52 +02:00
parent ef5fccceb8
commit 90eb5d709e
3 changed files with 23 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
out/static/style.css
View File

@@ -49,7 +49,7 @@ footer .links {
padding: 1em; padding: 1em;
} }
#main-nav { float: right; } #main-nav { float: right; padding: 0; }
#main-nav li { display: inline-block; margin-right: 1em; } #main-nav li { display: inline-block; margin-right: 1em; }
#main-nav img { height: 1.2em; margin: 0 -0.4em; } #main-nav img { height: 1.2em; margin: 0 -0.4em; }
#main-nav img:hover { transform: scale(1.2); } #main-nav img:hover { transform: scale(1.2); }
@@ -77,8 +77,6 @@ footer .links {
.dropdown a { display: block; padding: 0.5em 1em; } .dropdown a { display: block; padding: 0.5em 1em; }
.dropdown a:hover { background-color: #eee; } .dropdown a:hover { background-color: #eee; }
#app-toc div, .bg1 { background: #eee; }
#app-toc div, .border { border: 1pt solid #ccc; }
#app-toc div:hover, .dropdown:hover button, .dropdown a:hover { #app-toc div:hover, .dropdown:hover button, .dropdown a:hover {
background: #BBC6CA; background: #BBC6CA;
} }
@@ -89,11 +87,13 @@ footer .links {
display: inline-block; display: inline-block;
width: 140px; width: 140px;
height: 12em; height: 12em;
overflow: hidden;
margin: 5px; margin: 5px;
padding: 16px; padding: 16px;
vertical-align: top; vertical-align: top;
overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
background: #eee;
border: 1pt solid #ccc;
border-radius: 7px; border-radius: 7px;
} }
#app-toc img { #app-toc img {
@@ -108,7 +108,7 @@ footer .links {
#app-toc span.detail { font-size: 0.7em; } #app-toc span.detail { font-size: 0.7em; }
#pagination { text-align: center; margin-top: 2em; } #pagination { text-align: center; margin-top: 2em; }
#pagination a { margin: 0.5em; padding: 0.2em } #pagination a { margin: 0.5em; padding: 0.2em; }
#pagination a.active { border: 1pt solid black; border-radius: 0.2em; } #pagination a.active { border: 1pt solid black; border-radius: 0.2em; }
@@ -149,6 +149,8 @@ p.subtitle { margin-top: 0.2em; }
.mg_top { margin-top: 2em; } .mg_top { margin-top: 2em; }
.right { text-align: right; } .right { text-align: right; }
.center { text-align: center; } .center { text-align: center; }
.bg1 { background: #eee; }
.border { border: 1pt solid #ccc; }
td { padding: 0.2em 1em 0.2em 0.1em; } td { padding: 0.2em 1em 0.2em 0.1em; }
#meta td:nth-child(2) { font-weight: bold } #meta td:nth-child(2) { font-weight: bold }
@@ -214,6 +216,19 @@ p.trckr { font-size: 0.9em; margin-left: 0.5em; }
footer .col3 div { width: 100%; padding: 0; } /* 3 columns */ footer .col3 div { width: 100%; padding: 0; } /* 3 columns */
#meta .icons { margin-bottom: 1em; } /* icons beside each other */ #meta .icons { margin-bottom: 1em; } /* icons beside each other */
.pie-chart { float: right; } .pie-chart { float: right; }
#app-toc a { text-align: left; }
#app-toc div {
display: inline-block;
width: 100%;
margin: 0;
padding: 0.5em 0;
height: unset;
border: unset;
background: unset;
}
#app-toc img {
float: left; width: 30pt; height: 30pt; margin: 0 0.5em;
}
} }
@media(min-width: 648px) { @media(min-width: 648px) {
#meta .icons { float: right; } /* icons below each other */ #meta .icons { float: right; } /* icons below each other */

2
src/html_index_apps.py
View File

@@ -41,7 +41,7 @@ def gen_pager(current, total):
links += mklink(i, i, active=i == current) links += mklink(i, i, active=i == current)
# if current < total: # if current < total:
# links += mklink(current + 1, 'Next') # links += mklink(current + 1, 'Next')
return '<div id="pagination" class="no_ul_all">{}</div>'.format(links) return '<div id="pagination">{}</div>'.format(links)
def gen_page(arr, base, page_id=1, total=1): def gen_page(arr, base, page_id=1, total=1):

4
templates/base.html
View File

@@ -3,9 +3,9 @@
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=0.75" /> <meta name="viewport" content="width=device-width, initial-scale=0.75" />
<script type="text/javascript" src="/static/script.js?9"></script> <script type="text/javascript" src="/static/script.js?10"></script>
<title>#_TITLE_#AppCheck: Privacy Monitor</title> <title>#_TITLE_#AppCheck: Privacy Monitor</title>
<link rel="stylesheet" type="text/css" href="/static/style.css?9"> <link rel="stylesheet" type="text/css" href="/static/style.css?10">
<link rel="stylesheet" type="text/css" href="/static/fonts/font.css"> <link rel="stylesheet" type="text/css" href="/static/fonts/font.css">
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">