From d2da2623745cc5bba28f306bc51bb800e2507aaa Mon Sep 17 00:00:00 2001 From: str4d Date: Tue, 11 Jul 2017 03:35:49 +0000 Subject: [PATCH] Theme fixes Console: - /tunnels: Fix display issue with inbound/outbound glyph display in table header (classic/light) - light: Prevent routerlogs from causing horizontal page overflow I2PSnark: - Reduce size of screenlog font at 1400-1600px viewport width to lessen chance of text-wrapping (ticket #1996) - classic: Fix a linespacing issue in the config section (options:) that only triggers in foreign languages that force the options td to wrap --- history.txt | 15 ++++++++++++--- .../resources/themes/console/classic/console.css | 1 + .../resources/themes/console/light/console.css | 4 ++-- .../themes/console/midnight/console.css | 5 +++-- .../themes/console/midnight/i2ptunnel.css | 13 ++++++++----- .../resources/themes/snark/classic/snark.css | 16 +++++++--------- .../resources/themes/snark/ubergine/snark.css | 10 +++++++++- .../resources/themes/snark/vanilla/snark.css | 12 +++++++++++- 8 files changed, 53 insertions(+), 23 deletions(-) diff --git a/history.txt b/history.txt index f2f7e2317..32ddac0f3 100644 --- a/history.txt +++ b/history.txt @@ -1,7 +1,16 @@ 2017-07-11 str4d - * Console: Increase displayed changelog lines to help ensure at least one - whole release cycle is visible - * I2PSnark: Fix I2PSnarkUtil.getCommentsName() to match its JavaDoc + * Console: + - Increase displayed changelog lines to help ensure at least one whole + release cycle is visible + - /tunnels: Fix display issue with inbound/outbound glyph display in table + header (classic/light) + - light: Prevent routerlogs from causing horizontal page overflow + * I2PSnark: + - Fix I2PSnarkUtil.getCommentsName() to match its JavaDoc + - Reduce size of screenlog font at 1400-1600px viewport width to lessen + chance of text-wrapping (ticket #1996) + - classic: Fix a linespacing issue in the config section (options:) that only + triggers in foreign languages that force the options td to wrap * Fix HTML tags across non-default conditional branches 2017-07-08 zzz diff --git a/installer/resources/themes/console/classic/console.css b/installer/resources/themes/console/classic/console.css index d867edbf9..067093bb6 100644 --- a/installer/resources/themes/console/classic/console.css +++ b/installer/resources/themes/console/classic/console.css @@ -6319,6 +6319,7 @@ table.sybil_routerinfo:last-child { .tunnels_client th:first-child::after { content: "\21E9\21E7"; + font-family: sans-serif; font-size: 12pt; line-height: 0; vertical-align: middle; diff --git a/installer/resources/themes/console/light/console.css b/installer/resources/themes/console/light/console.css index 46821f89f..e3f4eecb2 100644 --- a/installer/resources/themes/console/light/console.css +++ b/installer/resources/themes/console/light/console.css @@ -1903,7 +1903,7 @@ table#wrapperlogs { #logs ul { margin-left: 0; - margin-right: -28px; + margin-right: -26px; display: inline-block; word-break: break-all; } @@ -6246,8 +6246,8 @@ body { } .tunnels_client th:first-child::after { - content: "\21F5"; content: "\21E9\21E7"; + font-family: sans-serif; font-size: 12pt; line-height: 0; vertical-align: middle; diff --git a/installer/resources/themes/console/midnight/console.css b/installer/resources/themes/console/midnight/console.css index c76ba16c9..b1b3044a3 100644 --- a/installer/resources/themes/console/midnight/console.css +++ b/installer/resources/themes/console/midnight/console.css @@ -1294,6 +1294,7 @@ div.logo hr { border-collapse: separate; border-spacing: 0; margin-top: -5px !important; + margin-bottom: -9px !important; } #sb_localtunnels a { @@ -6210,11 +6211,11 @@ form[action="events"] { } .routersummary .testing { - border: 1px dotted #4F4B1D; + border: 1px dotted #4f4b1d; } .routersummary .hidden, .routersummary .vmcomm { - border: 1px dotted #777; + border: 1px solid #241f69; } .routersummary .running { diff --git a/installer/resources/themes/console/midnight/i2ptunnel.css b/installer/resources/themes/console/midnight/i2ptunnel.css index 432f3a882..13f76b30f 100644 --- a/installer/resources/themes/console/midnight/i2ptunnel.css +++ b/installer/resources/themes/console/midnight/i2ptunnel.css @@ -381,12 +381,12 @@ textarea:focus { transition: ease filter 0.3s 0s; } -textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus { +textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus { margin: 0; border: 0; box-shadow: none; height: 80px; - font-size: 9pt; + font-size: 8pt; width: 100%; border-radius: 0; padding: 2px 4px; @@ -478,7 +478,7 @@ input[type="password"] { cursor: text; } -input[type="text"], input[type="password"], textarea, textarea[readonly="readonly"]:focus { +input[type="text"], input[type="password"], textarea, textarea[readonly="readonly"]:focus { background: #000; background: linear-gradient(to bottom, #000 0%, #000019 100%); box-shadow: inset 0 0 3px 3px #000; @@ -951,7 +951,7 @@ input[type="checkbox"], input[type="radio"] { margin: 5px 3px 5px 5px; } -.freetext, .tunnelConfig textarea, #customOptions, #userAgents, #hostField { +.freetext, .tunnelConfig textarea, #customOptions, #userAgents, #hostField { margin: 5px !important; } @@ -998,7 +998,6 @@ td.tunnelDestination, td.tunnelDescription { /* end more space */ - /* responsive layout */ @media screen and (max-width: 800px) { @@ -1041,6 +1040,10 @@ body, td, .control, select, input, textarea { font-size: 10pt !important; } +textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus { + font-size: 9pt !important; +} + td { padding: 7px 5px; } diff --git a/installer/resources/themes/snark/classic/snark.css b/installer/resources/themes/snark/classic/snark.css index 5c9063f36..a6096a95c 100644 --- a/installer/resources/themes/snark/classic/snark.css +++ b/installer/resources/themes/snark/classic/snark.css @@ -1788,13 +1788,6 @@ img:hover { display: none; } -#configs td:first-child::before { - content: ""; - min-height: 34px; - display: inline-block; - vertical-align: middle; -} - #configs a { font-weight: bold; } @@ -2225,7 +2218,6 @@ hr.debug:last-child { /* configs */ - #configs td:nth-child(2) { white-space: nowrap; } @@ -2661,7 +2653,7 @@ body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_ } .snarkMessages li, .snarkTorrents tt { - font-size: 9pt; + font-size: 8pt !important; } .snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] { @@ -2686,6 +2678,12 @@ td.snarkTorrentDownloaded { } } +@media screen and (min-width: 1600px) { +.snarkMessages li, .snarkTorrents tt { + font-size: 9pt !important; +} +} + /* mini-mode */ @media screen and (max-width: 800px) { diff --git a/installer/resources/themes/snark/ubergine/snark.css b/installer/resources/themes/snark/ubergine/snark.css index 39f7c29fa..d37726fef 100644 --- a/installer/resources/themes/snark/ubergine/snark.css +++ b/installer/resources/themes/snark/ubergine/snark.css @@ -2835,10 +2835,14 @@ code { width: 1%; } -tt, .snarkMessages, input, textarea { +tt, input, textarea { font-size: 9pt !important; } +.snarkMessages { + font-size: 8pt !important; +} + input[type="text"], input.r, input[name="nofilter_dataDir"], .configsectionpanel textarea { padding: 6px !important; } @@ -2901,6 +2905,10 @@ select { .snarkTorrentUploaded { padding-left: 6px; } + +.snarkMessages { + font-size: 9pt !important; +} } /* mini-mode */ diff --git a/installer/resources/themes/snark/vanilla/snark.css b/installer/resources/themes/snark/vanilla/snark.css index 0f6e8f405..28217c7a8 100644 --- a/installer/resources/themes/snark/vanilla/snark.css +++ b/installer/resources/themes/snark/vanilla/snark.css @@ -2817,10 +2817,14 @@ body, .snarkTorrents td, .snarkAddInfo, th, td, .snarkFileName, a.control, input font-size: 10pt !important; } -tt, .snarkTorrents tt, .snarkMessages, textarea { +tt, .snarkTorrents tt, textarea { font-size: 9pt !important; } +.snarkMessages { + font-size: 8pt !important; +} + .snarkAddInfo, .configsectionpanel td, .snarkNewTorrent td, .configsectionpanel th, .configsectionpanel td, .snarkNewTorrent td, select, select option, input, textarea, input[name="nofilter_dataDir"] { font-size: 10pt !important; @@ -2934,6 +2938,12 @@ tr#torrentInfoStats td { } } +@media screen and (min-width: 1600px) { +.snarkMessages { + font-size: 9pt !important; +} +} + /* mini-mode */ @media screen and (max-width: 800px) {