Skip to content

Instantly share code, notes, and snippets.

@mathjazz
Created October 14, 2016 23:13
Show Gist options
  • Save mathjazz/320ffbe33e9370ef040291095a05b7c1 to your computer and use it in GitHub Desktop.
Save mathjazz/320ffbe33e9370ef040291095a05b7c1 to your computer and use it in GitHub Desktop.
Make sure that hovering over author icon doesn't open a scrollbar
#filter .menu li.author {
+ height: 48px;
padding-left: 4px;
white-space: nowrap;
}
+#filter .menu li.author figure {
+ height: 100%;
+}
+
#filter .menu li.author img {
vertical-align: top;
}
@@ -912,45 +921,63 @@ body > header aside p {
#filter .menu li.author .sel {
position: absolute;
- display: inline-block;
}
#filter .menu li.author .status {
display: none;
- position: absolute;
- line-height: 48px;
- left: 17px;
- top: auto;
+ height: 100%;
+ left: 0;
+ margin: 0;
+ padding: 16px 0 0;
+ text-align: center;
+ top: 0;
+ width: 100%;
z-index: 1;
+
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
#filter .menu li.author .status:before {
color: #AAAAAA;
}
-#filter .menu li.author.selected .status, #filter .menu li.author:hover .status {
+
+#filter .menu li.author.selected .status,
+#filter .menu li.author .sel:hover .status {
display: block;
}
-#filter .menu li.author.selected img, #filter .menu li.author:hover img {
+#filter .menu li.author.selected img,
+#filter .menu li.author .sel:hover img {
opacity: 0.3;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment