From 094728a809ce325e1483e6ba1ed644947d0f6ba9 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 19 Nov 2015 20:18:38 +0500 Subject: Multiple UI Improvements --- web/sass-files/sass/partials/_base.scss | 4 +++ web/sass-files/sass/partials/_post.scss | 11 +++++--- web/sass-files/sass/partials/_responsive.scss | 36 +++++++++++++++++++++++++-- web/sass-files/sass/partials/_tooltips.scss | 5 ++++ 4 files changed, 51 insertions(+), 5 deletions(-) create mode 100644 web/sass-files/sass/partials/_tooltips.scss (limited to 'web/sass-files/sass/partials') diff --git a/web/sass-files/sass/partials/_base.scss b/web/sass-files/sass/partials/_base.scss index c5b1a7425..2fc63443e 100644 --- a/web/sass-files/sass/partials/_base.scss +++ b/web/sass-files/sass/partials/_base.scss @@ -122,6 +122,10 @@ a:focus, a:hover { } } +select { + -webkit-appearance: none; +} + .form-control { @include border-radius(2px); &:focus { diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 743a76693..99e985b0c 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -382,9 +382,11 @@ body.ios { } span { + p:last-child { margin-bottom: 0.5em; } + } &.post--root { @@ -508,6 +510,7 @@ body.ios { max-width: 1000px; display: table; width: 100%; + table-layout: fixed; > div { display: table-cell; @@ -532,7 +535,7 @@ body.ios { position: absolute; right: 0; top: 30px; - width: 70px; + width: 60px; } } @@ -584,12 +587,15 @@ body.ios { word-wrap: break-word; padding: 0.2em 0.5em 0em; @include legacy-pie-clearfix; - width: calc(100% - 80px); + width: calc(100% - 70px); } .post__link { margin: 2px 0 5px; font-size: 13px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; } .post__time { @@ -612,7 +618,6 @@ body.ios { } .comment-icon__container { - margin-right: 7px; fill: $primary-color; display: inline-block; visibility: hidden; diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index 368027cbf..593b5f275 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -57,7 +57,37 @@ .post { - .dropdown, .comment-icon__container { + &.same--root { + + &.same--user { + + .post__time { + display: none; + } + + } + + } + + .post-list__content & { + + &:hover { + background: transparent; + + .comment-icon__container { + visibility: hidden; + + &.icon--show { + visibility: visible; + } + + } + + } + + } + + .dropdown { visibility: visible; } @@ -232,7 +262,8 @@ } .modal-header { display: block; - position: fixed; + position: absolute; + top: 0; width: 100%; z-index: 5; } @@ -358,6 +389,7 @@ #navbar { .navbar-default { .navbar-header { + float: none; margin: 0 -15px; .dropdown__icon { background: url("../images/dropdown-icon.png"); diff --git a/web/sass-files/sass/partials/_tooltips.scss b/web/sass-files/sass/partials/_tooltips.scss new file mode 100644 index 000000000..e018cf13c --- /dev/null +++ b/web/sass-files/sass/partials/_tooltips.scss @@ -0,0 +1,5 @@ +#recentMentionsTooltip { + .tooltip-arrow { + margin-left: 10px; + } +} \ No newline at end of file -- cgit v1.2.3-1-g7c22 From 975a5dc759ab0f98f3db01b2a355416b0f687e42 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 19 Nov 2015 21:17:04 +0500 Subject: Updating dropdown content --- web/sass-files/sass/partials/_responsive.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'web/sass-files/sass/partials') diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index 593b5f275..00fa7d817 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -91,6 +91,21 @@ visibility: visible; } + .post__dropdown { + line-height: 9px; + text-decoration: none; + width: 20px; + display: inline-block; + text-align: center; + height: 20px; + + &:after { + font-size: 20px; + content: '...' + } + + } + .post__img { width: 40px; -- cgit v1.2.3-1-g7c22