aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMateja <mail@matejamaric.com>2020-09-19 15:24:13 +0200
committerMateja <mail@matejamaric.com>2020-09-19 15:24:13 +0200
commit89fed4e8a4f5e0d5fabef3ab61fc7839e40c92e1 (patch)
treedeb85bbb080489e41f4f0bdd8e1b552d4f10771c
parent9698a879fb36b79d0a0a7298629f3ea666a09920 (diff)
add media queries
-rw-r--r--cgit.css49
1 files changed, 49 insertions, 0 deletions
diff --git a/cgit.css b/cgit.css
index d4aadbf..b02c516 100644
--- a/cgit.css
+++ b/cgit.css
@@ -893,3 +893,52 @@ div#cgit table.ssdiff td.space {
div#cgit table.ssdiff td.space div {
min-height: 3em;
}
+
+@media only screen and (max-width: 800px) {
+ /* HEADER */
+ /* remove logo (save space) */
+ div#cgit table#header td.logo {
+ display: none;
+ }
+ /* wrap title text */
+ div#cgit table#header td.main {
+ white-space: normal;
+ }
+ /* td as block */
+ div#cgit table#header td {
+ display: block;
+ }
+ /* move branch switcher to left */
+ div#cgit table#header td.form {
+ text-align: left;
+ }
+ /* Don't display author (save space) */
+ div#cgit table#header td.sub.right {
+ display: none;
+ }
+
+ /* TABS */
+ /* both tabs and form are blocks */
+ div#cgit table.tabs td {
+ display: block;
+ }
+ /* every tab is block */
+ div#cgit table.tabs td a {
+ display: block;
+ text-align: right;
+ }
+
+ /* CONTENT */
+ div#cgit div.content {
+ overflow-x: auto;
+ padding: 0.5em;
+ }
+ td.ls-mode {
+ white-space: nowrap;
+ }
+
+ /* PANEL ALIGNMENT */
+ div#cgit div.cgit-panel {
+ float: left;
+ }
+}