From b9fa7d2c9cbb0adc80fe2971df3488f9e325d7b7 Mon Sep 17 00:00:00 2001 From: tcit Date: Sun, 12 Oct 2014 10:24:07 +0200 Subject: fix z-index-menu mobile view bug #834 --- themes/baggy/css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index b775a291..52ba50f2 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -180,7 +180,7 @@ h2:after { padding-top: 9.5em; height: 100%; box-shadow:inset -4px 0 20px rgba(0,0,0,0.6); - z-index: 10; + z-index: 15; } #main { -- cgit v1.2.3 From f56791e6c482f95d1a5aef332ba69fc81f0666cb Mon Sep 17 00:00:00 2001 From: tcit Date: Sun, 19 Oct 2014 11:12:25 +0200 Subject: fix #873 --- themes/baggy/css/main.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 52ba50f2..7adde2fa 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -777,6 +777,10 @@ margin-top:1em; color: #FFF; } +.icon-check.archive:before { + color: #FFF; +} + /* ========================================================================== 4 = Messages ========================================================================== */ -- cgit v1.2.3 From 7ee1972599f52924151794fe6c933ce69297f7f3 Mon Sep 17 00:00:00 2001 From: tcit Date: Mon, 27 Oct 2014 14:00:47 +0100 Subject: translation fix for #887 and tiny display fix --- themes/baggy/css/main.css | 1 + 1 file changed, 1 insertion(+) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 52ba50f2..f2fd1ad8 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -92,6 +92,7 @@ form fieldset { form input[type="text"], select, form input[type="password"], form input[type="url"], form input[type="email"] { border: 1px solid #999; padding: 0.5em 1em; + margin-left: 5px; min-width: 12em; color: #666; } -- cgit v1.2.3 From c9e6fec4bf47042c2693c5e163b2a0cbd878d54d Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Thu, 30 Oct 2014 11:20:05 -0400 Subject: Fixing display mode switching in Baggy theme (issue #896) --- themes/baggy/css/main.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 558fb208..fe49b8e4 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -360,11 +360,15 @@ footer a { position: relative; overflow: hidden; padding: 1.5em 1.5em 3em 1.5em; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; + + /* Removing CSS transitions because they make the switch from list view to + * table view jerky + */ + /* -webkit-transition: all 0.5s ease; */ + /* -moz-transition: all 0.5s ease; */ + /* -ms-transition: all 0.5s ease; */ + /* -o-transition: all 0.5s ease; */ + /* transition: all 0.5s ease; */ } .entrie:before { -- cgit v1.2.3 From b73a1753868cbbae414a8d17aa15a4c376b82699 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Thu, 30 Oct 2014 11:23:18 -0400 Subject: Fixing issue #874, displaying preview text when in list mode --- themes/baggy/css/main.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 558fb208..1548c4a0 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -328,10 +328,6 @@ footer a { margin-left: 0!important; } -.listmode .entrie p { - display: none; -} - .list-entries + .results { margin-bottom: 2em; } -- cgit v1.2.3 From cd271fc485975e3089a85902f28e674065c5783d Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Thu, 30 Oct 2014 16:00:18 -0400 Subject: Making the close button more visually consistent on the menu popup forms --- themes/baggy/css/main.css | 45 ++++++++++++++++++++------------------------- 1 file changed, 20 insertions(+), 25 deletions(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 558fb208..6b5a1f4c 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -192,7 +192,7 @@ h2:after { padding-bottom: 1em; } - #links a { + #links > li > a { display: block; padding: 0.5em 2em 0.5em 1em; color: #FFF; @@ -208,7 +208,7 @@ h2:after { transition: all 0.5s ease; } - #links a:hover, #links a:focus { + #links > li > a:hover, #links > li > a:focus { background: #999; color: #000; } @@ -569,19 +569,28 @@ footer a { padding: 2em; } -a#bagit-form-close, a#search-form-close { +#bagit-form-form .addurl { + margin-left: 0; +} + +.popup-close { background: #000; color: #FFF; - padding: 0.2em 0.5em; + font-size: 1.4em; + line-height: 1.6em; + width: 1.6em; + height: 1.6em; + text-align: center; text-decoration: none; - display: inline-block; - float: right; - font-size: 0.6em; -} -a#bagit-form-close:hover, a#search-form-close:hover { - background: #999; - color: #000; + display: inline-block; + position: absolute; + top: 0; + right: 0; } + .popup-close:hover { + background: #999; + color: #000; + } .active-current { background-color: #999; @@ -665,20 +674,6 @@ a.add-to-wallabag-link-after:after { padding: 2em; } -a#search-form-close { - background: #000; - color: #FFF; - padding: 0.2em 0.5em; - text-decoration: none; - display: inline-block; - float: right; - font-size: 1.2em; -} -a#search-form-close:hover { - background: #999; - color: #000; -} - #submit-search{ margin-left: 4em; margin-top:1em; -- cgit v1.2.3 From f60c9b00ab65898fee5a96441beaa1a9ddd86295 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Fri, 31 Oct 2014 09:30:57 -0400 Subject: Some small design tweaks to the login page: Moving 'Stay signed in' label and removing left margin on input boxes --- themes/baggy/css/main.css | 1 - 1 file changed, 1 deletion(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index ce30cb5a..54b7b751 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -92,7 +92,6 @@ form fieldset { form input[type="text"], select, form input[type="password"], form input[type="url"], form input[type="email"] { border: 1px solid #999; padding: 0.5em 1em; - margin-left: 5px; min-width: 12em; color: #666; } -- cgit v1.2.3 From 1087b3cb4ef79ff5f1599ebe479785f9d2e90c35 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Fri, 31 Oct 2014 09:53:01 -0400 Subject: Adding right margin to labels (to compensate for now-missing left margin on input fields) --- themes/baggy/css/main.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 54b7b751..873d1799 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -104,10 +104,6 @@ form input[type="text"], select, form input[type="password"], form input[type="u } } -fieldset label { - min-width: 12.5em; -} - .inline .row { display: inline-block; margin-right: 0.5em; @@ -119,10 +115,14 @@ fieldset label { fieldset label { display: inline-block; - margin-right: 0.5em; + min-width: 12.5em; color: #666; } +label { + margin-right: 0.5em; +} + form .row { margin-bottom: 0.5em; } -- cgit v1.2.3 From 827bd1f8990e18e1978c95484680d51524ca19bf Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Fri, 31 Oct 2014 11:10:38 -0400 Subject: Standardizing class names and styles for close buttons --- themes/baggy/css/main.css | 34 +++++++++++++++------------------- 1 file changed, 15 insertions(+), 19 deletions(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 873d1799..01704975 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -572,24 +572,32 @@ footer a { margin-left: 0; } -.popup-close { +.closeMessage, +.close-button { background: #000; color: #FFF; - font-size: 1.4em; - line-height: 1.6em; + font-size: 1.2em; + line-height: 1.6; width: 1.6em; height: 1.6em; text-align: center; text-decoration: none; +} + .closeMessage:hover, + .closeMessage:focus, + .close-button:hover, + .close-button:focus { + background: #999; + color: #000; + } + +.close-button--popup { display: inline-block; position: absolute; top: 0; right: 0; + font-size: 1.4em; } - .popup-close:hover { - background: #999; - color: #000; - } .active-current { background-color: #999; @@ -787,18 +795,6 @@ margin-top:1em; .messages > * { display: inline-block;} -.closeMessage { - background: #000; - color: #FFF; - padding: 0.2em 0.5em; - text-decoration: none; -} - - .closeMessage:hover, .closeMessage:focus { - background: #FFF; - color: #000; - } - .warning { /* font-size: 3em; color: #999; -- cgit v1.2.3 From b95a6f57bf3189a8a45f68901833ba159d90b47e Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Fri, 31 Oct 2014 12:35:19 -0400 Subject: Removing duplicate popup form styles --- themes/baggy/css/main.css | 58 +++++++++++++---------------------------------- 1 file changed, 16 insertions(+), 42 deletions(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 873d1799..b2ddf355 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -540,7 +540,8 @@ footer a { 2.1 = "save a link" related styles ========================================================================== */ -#bagit-form, #search-form { +#bagit-form, +#search-form { background: rgba(0,0,0,0.5); position: absolute; top: 0; @@ -555,18 +556,18 @@ footer a { border-left: 1px #EEE solid; } -#bagit-form form, #search-form form { - background: #FFF; - position: absolute; - top: 0; - left: 0; - z-index: 20; - border: 10px solid #000; - width: 400px; - height: 200px; - /* margin: -150px 0 0 -300px; */ - padding: 2em; -} + #bagit-form form, + #search-form form { + background: #FFF; + position: absolute; + top: 0; + left: 0; + z-index: 20; + border: 10px solid #000; + width: 400px; + height: 200px; + padding: 2em; + } #bagit-form-form .addurl { margin-left: 0; @@ -645,37 +646,10 @@ a.add-to-wallabag-link-after:after { /* ========================================================================== 2.2 = "search for articles" popup div related styles ========================================================================== */ -#search-form { - background: rgba(0,0,0,0.5); - position: absolute; - top: 0; - left: 10em; - z-index: 20; - height: 100%; - width: 100%; - margin: 0; - margin-top: -30%; - padding: 2em; - display: none; - border-left: 1px #EEE solid; -} - -#search-form form { - background: #FFF; - position: absolute; - top: 0; - left: 0; - z-index: 20; - border: 10px solid #000; - width: 400px; - height: 200px; - /* margin: -150px 0 0 -300px; */ - padding: 2em; -} #submit-search{ -margin-left: 4em; -margin-top:1em; + margin-left: 4em; + margin-top: 1em; } /* ========================================================================== -- cgit v1.2.3 From 4bc70ed4012bcefa6a3a01a051fcbd18456403df Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Fri, 31 Oct 2014 12:48:35 -0400 Subject: Making visual styling of search and bag it popup forms more consistent --- themes/baggy/css/main.css | 19 ++++--------------- 1 file changed, 4 insertions(+), 15 deletions(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index b2ddf355..2f3af95e 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -540,8 +540,7 @@ footer a { 2.1 = "save a link" related styles ========================================================================== */ -#bagit-form, -#search-form { +.popup-form { background: rgba(0,0,0,0.5); position: absolute; top: 0; @@ -550,14 +549,13 @@ footer a { height: 100%; width: 100%; margin: 0; - margin-top: -30%; + margin-top: -30% !important; /* TODO: get rid of !important here; overridden by .messages selector */ padding: 2em; display: none; border-left: 1px #EEE solid; } - #bagit-form form, - #search-form form { + .popup-form form { background: #FFF; position: absolute; top: 0; @@ -643,15 +641,6 @@ a.add-to-wallabag-link-after:after { font-size: 0.9em; } -/* ========================================================================== - 2.2 = "search for articles" popup div related styles - ========================================================================== */ - -#submit-search{ - margin-left: 4em; - margin-top: 1em; -} - /* ========================================================================== 3 = Pictos ========================================================================== */ @@ -1031,7 +1020,7 @@ pre code { display: none; } - #bagit-form, #search-form { + .popup-form { left: 0; } } -- cgit v1.2.3 From 344c8f6b5c2636b74492956f53f3bc06dcb5c8d1 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Fri, 31 Oct 2014 13:28:39 -0400 Subject: Fixing popup form width issue on narrow width --- themes/baggy/css/main.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 01704975..2ef35425 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -1053,8 +1053,15 @@ pre code { display: none; } - #bagit-form, #search-form { + .popup-form, #bagit-form, #search-form { left: 0; + width: 100%; + } + + .popup-form form, + #bagit-form form, + #search-form form { + width: 100%; } } -- cgit v1.2.3 From ad2b61db80afed1cc052befad6ff9456530938b1 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Fri, 31 Oct 2014 13:32:34 -0400 Subject: Removing left border on popup forms on mobile widths --- themes/baggy/css/main.css | 1 + 1 file changed, 1 insertion(+) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 2ef35425..4e3404c1 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -1056,6 +1056,7 @@ pre code { .popup-form, #bagit-form, #search-form { left: 0; width: 100%; + border-left: none; } .popup-form form, -- cgit v1.2.3 From cc1f78a83d731fe0e325fbe4079aebec64f5f043 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Sun, 2 Nov 2014 13:37:44 -0500 Subject: Many small UI changes/fixes to Baggy theme and English translation files. May need review. --- themes/baggy/css/main.css | 23 +++++++++++++++++++---- 1 file changed, 19 insertions(+), 4 deletions(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index ce314860..f77021aa 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -70,7 +70,7 @@ h2, h3, h4 { text-transform: uppercase; } -p, li { +p, li, label { color: #666; } @@ -281,12 +281,12 @@ h2:after { #listmode a:hover { opacity: 1; } -.tablemode { +#listmode.tablemode { background-image: url("../img/baggy/table.png"); background-repeat: no-repeat; background-position: bottom; } -.listmode { +#listmode.listmode { background-image: url("../img/baggy/list.png"); background-repeat: no-repeat; background-position: bottom; @@ -331,7 +331,7 @@ footer a { margin-bottom: 2em; } -.estimatedTime a { +.estimatedTime .reading-time { color: #999; font-style: italic; font-weight: normal; @@ -418,6 +418,7 @@ footer a { .entrie h2 { text-transform: none; margin-bottom: 0; + line-height: 1.2; } .entrie h2:after { @@ -774,6 +775,16 @@ a.add-to-wallabag-link-after:after { width: 100%; } +.more-info { + font-size: 0.85em; + line-height: 1.5; + color: #aaa; +} + + .more-info a { + color: #aaa; + } + /* ========================================================================== 5 = Article ========================================================================== */ @@ -799,6 +810,10 @@ blockquote { margin: 0; } +#article h1 { + text-align: left; +} + #article h2, #article h3, #article h4 { text-transform: none; } -- cgit v1.2.3 From e319c498913350cd8354774609ad2adfc62e4058 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Mon, 3 Nov 2014 13:28:58 -0500 Subject: Fixing menu hiding behavior when switching from mobile width to desktop width --- themes/baggy/css/main.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index ce314860..48d22709 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -987,6 +987,9 @@ pre code { height: auto; padding-top: 3em; } + #links.open { + display: block; + } footer { position: static; margin-right: 3em; -- cgit v1.2.3 From ebea829d80a1688ad841a6b490f9d9e722ee53d7 Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Mon, 3 Nov 2014 13:32:20 -0500 Subject: Improving class names for menu hiding --- themes/baggy/css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 48d22709..924ab5ef 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -987,7 +987,7 @@ pre code { height: auto; padding-top: 3em; } - #links.open { + #links.menu--open { display: block; } footer { -- cgit v1.2.3