diff options
Diffstat (limited to 'webapp/sass')
-rw-r--r-- | webapp/sass/components/_modal.scss | 48 | ||||
-rw-r--r-- | webapp/sass/layout/_post.scss | 4 | ||||
-rw-r--r-- | webapp/sass/responsive/_tablet.scss | 4 |
3 files changed, 35 insertions, 21 deletions
diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss index dd62fc20c..a12856c63 100644 --- a/webapp/sass/components/_modal.scss +++ b/webapp/sass/components/_modal.scss @@ -483,6 +483,30 @@ } + +.status-wrapper { + display: inline-block; + margin-right: 3px; + position: relative; + + &:after { + border-radius: 100%; + bottom: 4px; + content: ''; + display: block; + height: 8px; + position: absolute; + right: 0; + width: 8px; + } + + &.status-offline { + &:after { + background: #D3D3D3; + } + } +} + .more-modal__list { display: flex; flex-direction: column; @@ -504,26 +528,12 @@ @include border-radius(60px); flex-grow: 0; flex-shrink: 0; - max-width: none; - - &-wrapper { - position: relative; - display: inline-block; - margin-right: 8px; + margin-top: 2px; + max-width: none; + .status-wrapper { &:after { - content: ""; - right: 0; - bottom: 0; - width: 25%; - height: 25%; - display: block; - position: absolute; - border-radius: 100%; - } - - &.status-offline:after { - background: #D3D3D3; + bottom: 3px; } } } @@ -586,4 +596,4 @@ flex-grow: 1; flex-shrink: 1; } -}
\ No newline at end of file +} diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss index d894848c9..4437e4ce3 100644 --- a/webapp/sass/layout/_post.scss +++ b/webapp/sass/layout/_post.scss @@ -703,6 +703,10 @@ body.ios { } .post__img { + .status-wrapper { + display: none; + } + img { display: none; } diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss index a74c18660..36b6af851 100644 --- a/webapp/sass/responsive/_tablet.scss +++ b/webapp/sass/responsive/_tablet.scss @@ -134,7 +134,7 @@ } &:not(.post--thread) { - padding: 5px .5em 0 72px; + padding: 5px .5em 0 77px; .post__link { margin: 4px 0 7px; @@ -220,7 +220,7 @@ &.same--root { &.same--user { - padding-left: 72px; + padding-left: 77px; padding-top: 0; .flag-icon__container { |