diff options
author | Alan Mooiman <amooiman@gmail.com> | 2016-02-25 16:33:27 -0800 |
---|---|---|
committer | Alan Mooiman <amooiman@gmail.com> | 2016-02-25 16:41:03 -0800 |
commit | 8e3455943142da74be8b13632c0127f8248618cd (patch) | |
tree | a28cfb974e8029d021aee8c0a62ced5c5343d297 /web/sass-files/sass | |
parent | b30b4a429318ec80e2adb41b742298a4899e61d0 (diff) | |
download | chat-8e3455943142da74be8b13632c0127f8248618cd.tar.gz chat-8e3455943142da74be8b13632c0127f8248618cd.tar.bz2 chat-8e3455943142da74be8b13632c0127f8248618cd.zip |
Add ability to toggle embed visibility
Diffstat (limited to 'web/sass-files/sass')
-rw-r--r-- | web/sass-files/sass/partials/_post.scss | 43 |
1 files changed, 39 insertions, 4 deletions
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 0847318c1..4478b3f15 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -408,7 +408,7 @@ body.ios { .post { word-wrap: break-word; - padding: 8px 1em 0; + padding: 8px .5em 0 1em; position: relative; max-width: 100%; @include legacy-pie-clearfix; @@ -457,7 +457,7 @@ body.ios { &.same--root { &.same--user { - padding: 0 1em; + padding: 0 .5em 0 1em; &:hover { @@ -629,6 +629,16 @@ body.ios { } } + .post__embed-container{ + display: block; + max-height: 1000px; + transition: max-height .5s ease; + overflow: hidden; + &[hidden]{ + max-height: 0; + } + } + .dropdown { display: inline-block; visibility: hidden; @@ -687,7 +697,7 @@ body.ios { .post__body { word-wrap: break-word; - padding: 0.2em 0.5em 0em; + padding: 0.2em 0.5em; @include legacy-pie-clearfix; width: calc(100% - 75px); @@ -753,7 +763,32 @@ body.ios { white-space: nowrap; } - .post__time { + .post__embed-visibility { + cursor: pointer; + display: block; + font: normal normal normal 14px/1 FontAwesome; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 0; + width: 30px; + margin-top: -5px; + + &:hover{ + text-decoration: none; + } + + &:before { + content: "\f065"; + font-size: 14px; + } + + &[data-expanded="true"]:before{ + content: "\f066"; + } + } + + .post__time{ font-size: 0.9em; } |