diff options
Diffstat (limited to 'css/content.css')
-rw-r--r-- | css/content.css | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/css/content.css b/css/content.css index 455fc111d..9c35d99c3 100644 --- a/css/content.css +++ b/css/content.css @@ -285,6 +285,85 @@ background-image: url('../img/active_star.svg'); } + #app-content .utils .more button { + opacity: .3; + } + + #app-content .utils .more button:hover { + opacity: 1; + } + + #app-content .utils .more { + position: relative; + } + + #app-content .article-actions { + display: none; + filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75)); + -webkit-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75)); + -moz-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75)); + position: absolute; + top: 40px; + border-radius: 3px; + z-index: 1000; + border: 1px solid transparent; + background-color: #fff; + margin: 0; + padding: 0; + } + + #app-content .article-actions ul { + display: flex; + float: left; + } + + #app-content .article-actions li { + float: left; + width: 38px !important; + } + + #app-content #articles:not(.compact) .article-actions { + left: 6px; + } + + #app-content #articles:not(.compact) .article-actions:after, + #app-content #articles:not(.compact) .article-actions:before { + left: 20px; + } + + #app-content #articles.compact .article-actions { + right: -10px; + } + + #app-content #articles.compact .article-actions:after, + #app-content #articles.compact .article-actions:before { + right: 9px; + } + + #app-content .article-actions:after, + #app-content .article-actions:before { + bottom: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + } + + #app-content .article-actions:after { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 5px; + margin-left: -5px; + } + #app-content .article-actions:before { + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #fff; + border-width: 9px; + margin-left: -9px; + } + /** * Article title */ |