diff options
author | Bernhard Posselt <dev@bernhard-posselt.com> | 2015-09-20 16:28:02 +0200 |
---|---|---|
committer | Bernhard Posselt <dev@bernhard-posselt.com> | 2015-09-20 16:28:02 +0200 |
commit | 0d68f95aa6e2bc952052f1cd289fde0977cce006 (patch) | |
tree | 40af000c2194eae9eaa88bf3d793f83b992b069b /css/content.css | |
parent | edd87fa5791696167f0af75a7a95bdff8bdd0beb (diff) |
fix #718
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 */ |