Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: static/css/index.css

Issue 29709593: Noissue - Lower opacity of media images on hover on abp.org homepage (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: HighPDI icon and solid black background color Created Feb. 26, 2018, 6:45 p.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: static/css/index.css
===================================================================
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -730,29 +730,34 @@
#media-list a
{
position: relative;
display: block;
}
#media-list a:hover img
{
- opacity: 0.5;
+ opacity: 0.2;
}
#media-list a:hover:after
{
content: "";
position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
+ top: 50%;
+ left: 50%;
+ height: 1em;
+ width: 1em;
+ padding: 1em;
juliandoucette 2018/02/27 12:57:04 NIT/Suggest: I think round edges would be nicer th
ire 2018/02/28 08:45:18 Done.
+ margin-left: -1em;
+ margin-top: -1em;
+ background-color: #000;
background-image: url(../img/external-icon.png);
- background-image: url(../img/external-icon.svg, none);
+ background-image: linear-gradient(transparent, transparent),
+ url(../img/external-icon.svg);
ire 2018/02/26 18:46:08 The SVG image wasn't being served previously, I us
juliandoucette 2018/02/27 12:57:04 Acknowledged.
background-repeat: no-repeat;
background-position: center;
background-size: 1em;
}
@media (min-width: 768px)
{
#media-header small
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld