From f426761955b84a563623bd206029924743132834 Mon Sep 17 00:00:00 2001 From: jamesn81 Date: Tue, 22 Aug 2017 00:00:45 +1000 Subject: [PATCH 1/6] Update desktop.scss Recent changes to class names require .latest-topic-list to be used. --- desktop/desktop.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/desktop/desktop.scss b/desktop/desktop.scss index a07986c..52d0af1 100644 --- a/desktop/desktop.scss +++ b/desktop/desktop.scss @@ -54,6 +54,14 @@ border-collapse: collapse; } +//shadow behind list of topics on right hand side when in cateogry list view +.latest-topic-list { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + background-color: lighten($secondary, 10%); + border-collapse: collapse; +} //create conversation cards .topic-body{ From 352714713b3f76834b513033719b34959a317154 Mon Sep 17 00:00:00 2001 From: jamesn81 Date: Tue, 22 Aug 2017 00:27:31 +1000 Subject: [PATCH 2/6] Update desktop.scss Truncated code to one-size-fits-all and fixed comments to ensure understanding of current terms for views. --- desktop/desktop.scss | 28 +++++++++++----------------- 1 file changed, 11 insertions(+), 17 deletions(-) diff --git a/desktop/desktop.scss b/desktop/desktop.scss index 52d0af1..192b506 100644 --- a/desktop/desktop.scss +++ b/desktop/desktop.scss @@ -21,6 +21,17 @@ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12); } +//add shadow behind the list of topics on right in Category and Latest View +//add shadow behind list of categories on left in Category and Latest View +//add shadow behind topics in Latest view +.category-list, .topic-list:not(.categories), .latest-topic-list{ + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + background-color: lighten($secondary, 10%); + border-collapse: collapse; + } + //underline navigation links .nav-pills>li.active>a, .nav-pills>li>a.active { @@ -45,23 +56,6 @@ } } -//add shadow behind the list of topics, but not categories -.category-list, .topic-list:not(.categories){ - -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); - -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); - background-color: lighten($secondary, 10%); - border-collapse: collapse; -} - -//shadow behind list of topics on right hand side when in cateogry list view -.latest-topic-list { - -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); - -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); - background-color: lighten($secondary, 10%); - border-collapse: collapse; -} //create conversation cards .topic-body{ From 5315318784bd969feb31e456ca24df6d5de2efc9 Mon Sep 17 00:00:00 2001 From: rewphus Date: Fri, 1 Sep 2017 15:14:37 -0500 Subject: [PATCH 3/6] Update desktop.scss --- desktop/desktop.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/desktop/desktop.scss b/desktop/desktop.scss index 47278c3..83db0ac 100644 --- a/desktop/desktop.scss +++ b/desktop/desktop.scss @@ -237,7 +237,7 @@ button#new-account-link { background-color: lighten($tertiary, 20%); } 100% { - background-color: $secondary; + background-color: lighten($secondary, 10%); } } @@ -303,4 +303,4 @@ button#new-account-link { right: -40% !important; } } -} \ No newline at end of file +} From dbaced7ecf50df59a8c613e3146e5d9751472b6b Mon Sep 17 00:00:00 2001 From: rewphus Date: Wed, 11 Oct 2017 12:33:43 -0500 Subject: [PATCH 4/6] Updated mobile theme based off PR#10 --- desktop/desktop.scss | 10 +++---- mobile/mobile.scss | 65 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 70 insertions(+), 5 deletions(-) create mode 100644 mobile/mobile.scss diff --git a/desktop/desktop.scss b/desktop/desktop.scss index 4c9706c..3d74ef3 100644 --- a/desktop/desktop.scss +++ b/desktop/desktop.scss @@ -27,15 +27,15 @@ //add shadow behind the list of topics on right in Category and Latest View //add shadow behind list of categories on left in Category and Latest View //add shadow behind topics in Latest view -.category-list, -.topic-list:not(.categories), -.latest-topic-list{ +.category-list, +.topic-list:not(.categories), +.latest-topic-list { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); background-color: lighten($secondary, 10%); border-collapse: collapse; - } +} //underline navigation links .nav-pills>li.active>a, @@ -306,4 +306,4 @@ button#new-account-link { right: -40% !important; } } -} +} \ No newline at end of file diff --git a/mobile/mobile.scss b/mobile/mobile.scss new file mode 100644 index 0000000..8be0153 --- /dev/null +++ b/mobile/mobile.scss @@ -0,0 +1,65 @@ +//create conversation cards +.topic-body { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + background-color: lighten($secondary, 10%); + margin-top: 10px; + padding-left: 20px; + border-radius: 2px; + padding-right: 20px; +} + +//more space for avatars +.topic-avatar { + border-top: 0; + padding-right: 10px; + .avatar-flair { + right: 4px; + } +} + +//remove stray border from bottom of last post +.topic-status-info { + border-top: 0; +} + +//improve format of embedded posts +.embedded-posts .topic-avatar { + padding-left: 0px; +} + +.embedded-posts.top.topic-body { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0); + -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0); + background-color: $secondary; +} + +.small-action { + border: none; +} + +#topic-closing-info { + border: none; +} + +//remove lines between cards +.topic-post article { + border: none; +} + +//put shadow on quotes as well +aside.quote { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); +} + +//raise and round buttons +.btn:not(.bulk-select) { + border-radius: 2px; + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); +} \ No newline at end of file From f202d3d2855a1707cc0ea2e06e7c60c856489154 Mon Sep 17 00:00:00 2001 From: rewphus Date: Wed, 15 Nov 2017 14:49:34 -0600 Subject: [PATCH 5/6] Added padding to Login button --- desktop/desktop.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/desktop/desktop.scss b/desktop/desktop.scss index 3d74ef3..4d8519d 100644 --- a/desktop/desktop.scss +++ b/desktop/desktop.scss @@ -267,7 +267,7 @@ button#new-account-link { } button#login-link, button#new-account-link { - padding-left: initial; + padding-left: 20px; padding-right: inherit; } #create-topic.btn-default { @@ -306,4 +306,4 @@ button#new-account-link { right: -40% !important; } } -} \ No newline at end of file +} From 8c0a1a208ac8cff066a4f7f0e0208845a438177e Mon Sep 17 00:00:00 2001 From: rewphus Date: Wed, 15 Nov 2017 14:56:44 -0600 Subject: [PATCH 6/6] Fixed padding on login button, correctly --- desktop/desktop.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/desktop/desktop.scss b/desktop/desktop.scss index 4d8519d..cc010e6 100644 --- a/desktop/desktop.scss +++ b/desktop/desktop.scss @@ -121,7 +121,7 @@ //properly space buttons on login modal button#login-link, button#new-account-link { - padding-left: inherit; + padding-left: 20px; } //darken color, remove shadow and border when pressed @@ -268,7 +268,7 @@ button#new-account-link { button#login-link, button#new-account-link { padding-left: 20px; - padding-right: inherit; + padding-right: 20px; } #create-topic.btn-default { right: initial;