From b51845fde54230c12b5fc250109a5b08f4b5a0de Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Wed, 27 Jan 2016 23:45:02 +0500 Subject: Updating tutorial gif for sidebar --- web/sass-files/sass/partials/_tutorial.scss | 1 + 1 file changed, 1 insertion(+) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_tutorial.scss b/web/sass-files/sass/partials/_tutorial.scss index 20a15441e..0a2d1e704 100644 --- a/web/sass-files/sass/partials/_tutorial.scss +++ b/web/sass-files/sass/partials/_tutorial.scss @@ -146,6 +146,7 @@ &.tip-overlay--sidebar { left: 0; + @include opacity(0.8); top: -9px; } -- cgit v1.2.3-1-g7c22 From 5d92fda12d0b75bbbcb830d6aeb2f0faef1bc6e8 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 28 Jan 2016 19:38:23 +0500 Subject: Fixing modals for IE --- web/sass-files/sass/partials/_modal.scss | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss index 7627f6a4c..b451adb75 100644 --- a/web/sass-files/sass/partials/_modal.scss +++ b/web/sass-files/sass/partials/_modal.scss @@ -10,6 +10,11 @@ .modal { width: 100%; color: #333; + body.browser--IE & { + .modal-dialog { + @include translateY(0); + } + } &.image_modal { .modal-backdrop.in { @include opacity(0.7); -- cgit v1.2.3-1-g7c22 From 1f02b09dae64f895b79a45fc5e5da10dd381e446 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 28 Jan 2016 20:07:25 +0500 Subject: Improving jump to recent messages UI --- web/sass-files/sass/partials/_content.scss | 1 + 1 file changed, 1 insertion(+) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_content.scss b/web/sass-files/sass/partials/_content.scss index b54c97b41..fb2355da7 100644 --- a/web/sass-files/sass/partials/_content.scss +++ b/web/sass-files/sass/partials/_content.scss @@ -38,6 +38,7 @@ font-size: 13px; .fa { + font-size: 11px; @include opacity(0.7); } -- cgit v1.2.3-1-g7c22 From 8d4151cc0518c3685a2000a49625dac650381d85 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 28 Jan 2016 20:18:28 +0500 Subject: Fixing code block and comment icon in Firefox --- web/sass-files/sass/partials/_markdown.scss | 2 +- web/sass-files/sass/partials/_post.scss | 8 ++++++++ 2 files changed, 9 insertions(+), 1 deletion(-) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_markdown.scss b/web/sass-files/sass/partials/_markdown.scss index 9ad15f91a..7aa29d95d 100644 --- a/web/sass-files/sass/partials/_markdown.scss +++ b/web/sass-files/sass/partials/_markdown.scss @@ -43,7 +43,7 @@ @include opacity(0.2); } code { - white-space: pre; + white-space: pre-line; } } .markdown__table { diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 34ff7e5a9..ef2366686 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -759,10 +759,18 @@ body.ios { display: inline-block; visibility: hidden; + &:focus { + outline: none; + } + &.icon--visible { visibility: visible; } + svg { + width: 17px; + } + .comment-icon { display: inline-block; top: 3px; -- cgit v1.2.3-1-g7c22 From 0e69a871bb44705a23b82ad46fac41e1cad5fb3d Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 28 Jan 2016 23:24:31 +0500 Subject: Adding reply functionality --- web/sass-files/sass/partials/_post.scss | 18 +++++++++++++++--- web/sass-files/sass/partials/_responsive.scss | 2 +- 2 files changed, 16 insertions(+), 4 deletions(-) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index ef2366686..1f7a55cd0 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -408,7 +408,7 @@ body.ios { @include legacy-pie-clearfix; &:hover { - .dropdown, .comment-icon__container { + .dropdown, .comment-icon__container, .post__reply { visibility: visible; } .permalink-icon { @@ -597,7 +597,7 @@ body.ios { position: absolute; right: 0; top: 30px; - width: 65px; + width: 85px; white-space: nowrap; } @@ -666,7 +666,7 @@ body.ios { word-wrap: break-word; padding: 0.2em 0.5em 0em; @include legacy-pie-clearfix; - width: calc(100% - 75px); + width: calc(100% - 95px); p { margin: 0 0 0.4em; @@ -754,6 +754,18 @@ body.ios { visibility: hidden; } + .post__reply { + display: inline-block; + margin-right: 6px; + visibility: hidden; + svg { + width: 18px; + top: 3px; + fill: inherit; + position: relative; + } + } + .comment-icon__container { fill: $primary-color; display: inline-block; diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index 8491869a6..7d1210f64 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -92,7 +92,7 @@ } - .dropdown { + .dropdown, .post__reply { visibility: visible; } -- cgit v1.2.3-1-g7c22 From ce2ec34e585bd5f9c319936ae66fe764dabac0e3 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Fri, 29 Jan 2016 00:04:42 +0500 Subject: Adding reply icon --- web/sass-files/sass/partials/_responsive.scss | 38 ++++++++++++++++++++------- 1 file changed, 29 insertions(+), 9 deletions(-) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index 7d1210f64..a37974c7a 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -78,16 +78,10 @@ &:hover { background: transparent; + } - .comment-icon__container { - visibility: hidden; - - &.icon--show { - visibility: visible; - } - - } - + .comment-icon__container { + visibility: hidden; } } @@ -124,8 +118,34 @@ .post { + .post__body { + width: calc(100% - 75px); + } + + .post__reply { + margin-right: 20px; + float: right; + + svg { + top: 1px; + } + + } + + &.other--root .post__reply { + + &.post__reply--hide { + visibility: hidden; + } + + } + .post__header { + .col__reply { + width: 65px; + } + .col__name { pointer-events: none; } -- cgit v1.2.3-1-g7c22 From 28fe2356866a472f5e118898dec572313560081b Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Fri, 29 Jan 2016 21:11:46 +0500 Subject: Improvements to system console --- web/sass-files/sass/partials/_admin-console.scss | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_admin-console.scss b/web/sass-files/sass/partials/_admin-console.scss index b28c7d984..dc8b950e4 100644 --- a/web/sass-files/sass/partials/_admin-console.scss +++ b/web/sass-files/sass/partials/_admin-console.scss @@ -5,6 +5,15 @@ height: 100%; } + .inner__wrap { + position: absolute; + width: 100%; + } + + .row { + margin: 0; + } + h3 { font-weight: 600; border-bottom: 1px solid #ddd; -- cgit v1.2.3-1-g7c22 From 4abe6037bbc57bba77b0ceb9014595e37f9d1710 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Mon, 1 Feb 2016 19:37:07 +0500 Subject: Fixing system console and changing swapping icon with reply icon --- web/sass-files/sass/partials/_post.scss | 4 +-- web/sass-files/sass/partials/_responsive.scss | 40 +++++++++++++-------------- 2 files changed, 22 insertions(+), 22 deletions(-) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 1f7a55cd0..be85ef07b 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -597,7 +597,7 @@ body.ios { position: absolute; right: 0; top: 30px; - width: 85px; + width: 65px; white-space: nowrap; } @@ -666,7 +666,7 @@ body.ios { word-wrap: break-word; padding: 0.2em 0.5em 0em; @include legacy-pie-clearfix; - width: calc(100% - 95px); + width: calc(100% - 75px); p { margin: 0 0 0.4em; diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index a37974c7a..832481cc5 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -72,23 +72,19 @@ } - .post { - - .post-list__content & { +} - &:hover { - background: transparent; - } +@media screen and (max-width: 768px) { - .comment-icon__container { - visibility: hidden; - } + .signup-team__container { + font-size: 1em; + } - } + .date-separator.hovered--after:before, .new-separator.hovered--after:before { + background: none !important; + } - .dropdown, .post__reply { - visibility: visible; - } + .post { .post__dropdown { line-height: 9px; @@ -106,17 +102,21 @@ } - } + .post-list__content & { -} + &:hover { + background: transparent; + } -@media screen and (max-width: 768px) { + .comment-icon__container { + visibility: visible; + } - .signup-team__container { - font-size: 1em; - } + } - .post { + .dropdown, .post__reply { + visibility: visible; + } .post__body { width: calc(100% - 75px); -- cgit v1.2.3-1-g7c22