summaryrefslogtreecommitdiffstats
path: root/webapp
diff options
context:
space:
mode:
authorAsaad Mahmood <asaadmahmood@users.noreply.github.com>2017-03-27 18:16:08 +0500
committerChristopher Speller <crspeller@gmail.com>2017-03-27 09:16:08 -0400
commit84dc60a640bbfb3b670a65f1c9ea6ce35ad1b5cc (patch)
treef9a62a141ec80bdd4eb34904f40854865ba99684 /webapp
parentb489a5bb017b835d453b0ab7de57a27afb65a03c (diff)
downloadchat-84dc60a640bbfb3b670a65f1c9ea6ce35ad1b5cc.tar.gz
chat-84dc60a640bbfb3b670a65f1c9ea6ce35ad1b5cc.tar.bz2
chat-84dc60a640bbfb3b670a65f1c9ea6ce35ad1b5cc.zip
PLT-5868 - Redesigning compact view (#5821)
* PLT-5868 - Redesigning compact view * Improvements to compact view * Updating compact view * Updating webhook styles
Diffstat (limited to 'webapp')
-rw-r--r--webapp/sass/layout/_post.scss30
-rw-r--r--webapp/sass/layout/_webhooks.scss10
-rw-r--r--webapp/sass/responsive/_mobile.scss12
-rw-r--r--webapp/sass/responsive/_tablet.scss11
4 files changed, 50 insertions, 13 deletions
diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss
index 892eea860..85f5b2a5a 100644
--- a/webapp/sass/layout/_post.scss
+++ b/webapp/sass/layout/_post.scss
@@ -677,6 +677,18 @@
.status {
visibility: hidden;
}
+
+ > div {
+ margin-bottom: 0;
+ }
+ }
+
+ &.same--root {
+ &.same--user {
+ .post__header {
+ height: 0;
+ }
+ }
}
.post__img {
@@ -728,19 +740,20 @@
}
.markdown__heading {
- clear: both;
- margin: 7px 0;
+ font-size: 1em;
+ margin: 0;
}
.post__header {
height: 22px;
+ margin-bottom: 0;
}
.post__body {
background: transparent !important;
- line-height: 1.6;
+ line-height: 1.5;
margin-top: -1px;
- padding: 3px 0;
+ padding: 3px 0 0;
.img-div {
max-height: 150px;
@@ -761,6 +774,14 @@
clear: both;
padding-left: 20px;
}
+
+ div {
+ margin-bottom: 0;
+ }
+
+ .post-image__column {
+ margin: 3px 0;
+ }
}
.post-image__column {
@@ -853,6 +874,7 @@
line-height: 1.6em;
margin: 0;
white-space: pre-wrap;
+ width: 100%;
word-break: break-word;
}
diff --git a/webapp/sass/layout/_webhooks.scss b/webapp/sass/layout/_webhooks.scss
index 79072375f..57b8beaee 100644
--- a/webapp/sass/layout/_webhooks.scss
+++ b/webapp/sass/layout/_webhooks.scss
@@ -74,12 +74,13 @@
}
&.attachment__container--opengraph {
- padding-left: 5px;
- border-left-style: none;
border-left-color: transparent;
+ border-left-style: none;
display: table;
margin: 0;
padding-bottom: 13px;
+ padding-left: 5px;
+ table-layout: fixed;
width: 100%;
div {
@@ -125,9 +126,10 @@
.attachment__image__container--openraph {
display: table-cell;
- vertical-align: top;
- padding-top: 3px;
padding-left: 15px;
+ padding-top: 3px;
+ vertical-align: top;
+ width: 95px;
}
.attachment__image {
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index 39f8cb349..518db1a94 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -257,6 +257,18 @@
}
&.post--compact {
+ .post__img {
+ padding-top: 0;
+ }
+
+ &.same--root {
+ &.same--user {
+ .post__header {
+ height: auto;
+ }
+ }
+ }
+
.status-wrapper {
&:after {
bottom: 3px;
diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss
index 6924786b9..54fff87e8 100644
--- a/webapp/sass/responsive/_tablet.scss
+++ b/webapp/sass/responsive/_tablet.scss
@@ -242,7 +242,7 @@
left: -79px;
position: absolute;
text-align: right;
- top: 6px;
+ top: 3px;
width: 60px;
}
@@ -261,7 +261,7 @@
}
&:not(.post--thread) {
- padding: 5px .5em 0 77px;
+ padding: 0 .5em 0 77px;
.post__link {
margin: 4px 0 7px;
@@ -271,7 +271,7 @@
span {
p {
&:last-child {
- margin-bottom: .3em;
+ margin-bottom: 0;
}
}
}
@@ -336,7 +336,7 @@
.flag-icon__container {
left: -21px;
position: absolute;
- top: 7px;
+ top: 4px;
}
.sidebar--right & .flag-icon__container {
@@ -353,7 +353,7 @@
.flag-icon__container {
left: -19px;
position: absolute;
- top: 7px;
+ top: 4px;
}
.post__header {
@@ -429,6 +429,7 @@
text-rendering: auto;
top: -2px;
width: 51px;
+
&:hover {
text-decoration: underline;
}