From cb3ebeed820e2b5043b50602aec9cb7d213dd658 Mon Sep 17 00:00:00 2001 From: ruben Date: Tue, 29 Dec 2015 02:36:18 +0100 Subject: [PATCH] =?UTF-8?q?Header=20in=20all-nodes=20view=20rotaded=2090?= =?UTF-8?q?=C2=B0=20on=20small=20screens?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/nodelist.js | 1 + scss/main.scss | 17 +++++++++++++++++ 2 files changed, 18 insertions(+) diff --git a/lib/nodelist.js b/lib/nodelist.js index 8edb3be..8c9fa2c 100644 --- a/lib/nodelist.js +++ b/lib/nodelist.js @@ -64,6 +64,7 @@ define(["sorttable", "virtual-dom", "numeral"], function (SortTable, V, numeral) this.render = function (d) { var el = document.createElement("div") d.appendChild(el) + el.classList.add("all-nodes") var h2 = document.createElement("h2") h2.textContent = "Alle Knoten" diff --git a/scss/main.scss b/scss/main.scss index 29db91b..7fa438f 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -365,6 +365,23 @@ table { border-radius: 0; } } + +} + +@media screen and (max-width: 320px) { + .all-nodes th:not(:first-child){ + font-size:8pt; + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + max-width: 15pt; + padding-bottom: 24pt; + } + .tabs li{ + font-size: 0.8em; + } } @media screen and (max-width: $minscreenwidth) {