diff --git a/stylesheets/index.css b/stylesheets/index.css index d018ab526..ae4cb2da7 100644 --- a/stylesheets/index.css +++ b/stylesheets/index.css @@ -83,16 +83,3 @@ li.entry img { padding: 5px; border-radius: 3px; } - -.timestamp { - font-size: 0.75em; - display: block; -} - -.incoming .timestamp { - color: gray; -} - -.outgoing .timestamp { - color: whitesmoke; -} diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index 6494b9c5f..60687f862 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -184,6 +184,16 @@ ul.discussion { width: 100%; float: left; margin-bottom: 10px; } + .entry .timestamp { + font-size: 0.75em; + display: block; } + .entry .timestamp:incoming { + color: gray; } + .entry .timestamp:outgoing { + color: whitesmoke; } + .entry.delivered .timestamp::after { + margin-left: 4px; + content: "✓"; } .bubble { border-radius: 16px; diff --git a/stylesheets/view/_conversation.scss b/stylesheets/view/_conversation.scss index 42be1123e..5d0a61a39 100644 --- a/stylesheets/view/_conversation.scss +++ b/stylesheets/view/_conversation.scss @@ -19,6 +19,26 @@ ul.discussion { width:100%; float:left; margin-bottom:10px; + + .timestamp { + font-size: 0.75em; + display: block; + + &:incoming { + color: gray; + } + + &:outgoing { + color: whitesmoke; + } + } + + &.delivered .timestamp { + &::after { + margin-left: 4px; + content: "✓"; + } + } } .bubble {