Commit a80583a9 authored by Eric Eastwood's avatar Eric Eastwood

Update avatar border to be opaque for better stacking

Fix https://gitlab.com/gitlab-org/gitlab-ce/issues/32561
parent 0cd42fea
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
} }
&:not([href]):hover { &:not([href]):hover {
border-color: rgba($avatar-border, .2); border-color: darken($avatar-border, 10%);
} }
} }
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
.avatar-counter { .avatar-counter {
background-color: $gray-darkest; background-color: $gray-darkest;
color: $white-light; color: $white-light;
border: 1px solid $border-color; border: 1px solid $avatar-border;
border-radius: 1em; border-radius: 1em;
font-family: $regular_font; font-family: $regular_font;
font-size: 9px; font-size: 9px;
......
...@@ -379,7 +379,7 @@ $issue-boards-card-shadow: rgba(186, 186, 186, 0.5); ...@@ -379,7 +379,7 @@ $issue-boards-card-shadow: rgba(186, 186, 186, 0.5);
* Avatar * Avatar
*/ */
$avatar_radius: 50%; $avatar_radius: 50%;
$avatar-border: rgba(0, 0, 0, .1); $avatar-border: $border-color;
$gl-avatar-size: 40px; $gl-avatar-size: 40px;
/* /*
......
...@@ -346,13 +346,9 @@ ...@@ -346,13 +346,9 @@
display: none; display: none;
} }
.avatar:hover,
.avatar-counter:hover {
border-color: $issuable-sidebar-color;
}
.avatar-counter:hover { .avatar-counter:hover {
color: $issuable-sidebar-color; color: $issuable-sidebar-color;
border-color: $issuable-sidebar-color;
} }
.btn-clipboard { .btn-clipboard {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment