Commit 5ba1055d authored by dimitrieh's avatar dimitrieh

added additional hover animations, fixed up avatars

parent 6bd785a5
......@@ -94,10 +94,23 @@
@return $unfoldedTransition;
}
.btn {
.btn,
.side-nav-toggle {
@include transition(background-color, border-color, color, box-shadow);
}
.dropdown-menu-toggle,
.avatar-circle {
@include transition(border-color);
}
.note-action-button .link-highlight,
.toolbar-btn,
.dropdown-toggle-caret,
.fa {
@include transition(color);
}
a {
@include transition(background-color, color, border);
}
......@@ -106,6 +119,11 @@ a {
@include transition(box-shadow);
}
.tree-table td {
.tree-table td,
.well-list > li {
@include transition(background-color, border-color);
}
.stage-nav-item {
@include transition(background-color, box-shadow);
}
......@@ -24,6 +24,10 @@
&.s110 { @include avatar-size(110px, 15px); }
&.s140 { @include avatar-size(140px, 15px); }
&.s160 { @include avatar-size(160px, 20px); }
&:hover {
border-color: $gl-link-color;
}
}
.avatar {
......
......@@ -104,6 +104,7 @@ header {
&:hover {
background-color: $white-normal;
color: $gl-header-nav-hover-color;
}
}
}
......@@ -180,6 +181,7 @@ header {
&:hover {
text-decoration: underline;
color: $gl-header-nav-hover-color;
}
}
......@@ -198,7 +200,7 @@ header {
cursor: pointer;
&:hover {
color: darken($color: $gl-text-color, $amount: 30%);
color: $gl-header-nav-hover-color;
}
}
......
......@@ -109,6 +109,7 @@ $gl-grayish-blue: #7f8fa4;
$gl-gray: $gl-text-color;
$gl-gray-dark: #313236;
$gl-header-color: #4c4e54;
$gl-header-nav-hover-color: #434343;
/*
* Lists
......
......@@ -20,6 +20,10 @@
.fa {
color: $cycle-analytics-light-gray;
&:hover {
color: $gl-text-color;
}
}
.stage-header {
......
......@@ -277,6 +277,10 @@
&:hover {
color: $md-link-color;
text-decoration: none;
.avatar {
border-color: $md-link-color;
}
}
}
......
......@@ -222,6 +222,10 @@
margin-left: 5px;
}
.nav-links li {
margin-right: -4px;
}
.profile-header {
margin: 0 auto;
......@@ -253,6 +257,10 @@
}
}
}
.nav-links li {
margin-right: -7px;
}
}
}
......
......@@ -14,6 +14,20 @@
}
}
.search form:hover,
.file-finder-input:hover,
.issuable-search-form:hover,
.search-text-input:hover,
textarea:hover,
.form-control:hover {
border-color: lighten($dropdown-input-focus-border, 20%);
box-shadow: 0 0 4px lighten($search-input-focus-shadow-color, 20%);
}
input[type="checkbox"]:hover {
box-shadow: 0 0 2px 2px rgba(153, 212, 247, 0.4), 0 0 0 1px rgba(153, 212, 247, 0.4);
}
.search {
margin-right: 10px;
margin-left: 10px;
......
......@@ -18,6 +18,7 @@
or change it at #{link_to Gitlab.config.gravatar.host, "http://" + Gitlab.config.gravatar.host}
.col-lg-9
.clearfix.avatar-image.append-bottom-default
= link_to avatar_icon(@user, 400), target: '_blank' do
= image_tag avatar_icon(@user, 160), alt: '', class: 'avatar s160'
%h5.prepend-top-0
Upload new avatar
......
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