Skip to content
Snippets Groups Projects
Commit 5ba1055d authored by dimitrieh's avatar dimitrieh
Browse files

added additional hover animations, fixed up avatars

parent 6bd785a5
No related branches found
No related tags found
No related merge requests found
Loading
@@ -94,10 +94,23 @@
Loading
@@ -94,10 +94,23 @@
@return $unfoldedTransition; @return $unfoldedTransition;
} }
   
.btn { .btn,
.side-nav-toggle {
@include transition(background-color, border-color, color, box-shadow); @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 { a {
@include transition(background-color, color, border); @include transition(background-color, color, border);
} }
Loading
@@ -106,6 +119,11 @@ a {
Loading
@@ -106,6 +119,11 @@ a {
@include transition(box-shadow); @include transition(box-shadow);
} }
   
.tree-table td { .tree-table td,
.well-list > li {
@include transition(background-color, border-color); @include transition(background-color, border-color);
} }
.stage-nav-item {
@include transition(background-color, box-shadow);
}
Loading
@@ -24,6 +24,10 @@
Loading
@@ -24,6 +24,10 @@
&.s110 { @include avatar-size(110px, 15px); } &.s110 { @include avatar-size(110px, 15px); }
&.s140 { @include avatar-size(140px, 15px); } &.s140 { @include avatar-size(140px, 15px); }
&.s160 { @include avatar-size(160px, 20px); } &.s160 { @include avatar-size(160px, 20px); }
&:hover {
border-color: $gl-link-color;
}
} }
   
.avatar { .avatar {
Loading
Loading
Loading
@@ -104,6 +104,7 @@ header {
Loading
@@ -104,6 +104,7 @@ header {
   
&:hover { &:hover {
background-color: $white-normal; background-color: $white-normal;
color: $gl-header-nav-hover-color;
} }
} }
} }
Loading
@@ -180,6 +181,7 @@ header {
Loading
@@ -180,6 +181,7 @@ header {
   
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
color: $gl-header-nav-hover-color;
} }
} }
   
Loading
@@ -198,7 +200,7 @@ header {
Loading
@@ -198,7 +200,7 @@ header {
cursor: pointer; cursor: pointer;
   
&:hover { &:hover {
color: darken($color: $gl-text-color, $amount: 30%); color: $gl-header-nav-hover-color;
} }
} }
   
Loading
Loading
Loading
@@ -109,6 +109,7 @@ $gl-grayish-blue: #7f8fa4;
Loading
@@ -109,6 +109,7 @@ $gl-grayish-blue: #7f8fa4;
$gl-gray: $gl-text-color; $gl-gray: $gl-text-color;
$gl-gray-dark: #313236; $gl-gray-dark: #313236;
$gl-header-color: #4c4e54; $gl-header-color: #4c4e54;
$gl-header-nav-hover-color: #434343;
   
/* /*
* Lists * Lists
Loading
Loading
Loading
@@ -20,6 +20,10 @@
Loading
@@ -20,6 +20,10 @@
   
.fa { .fa {
color: $cycle-analytics-light-gray; color: $cycle-analytics-light-gray;
&:hover {
color: $gl-text-color;
}
} }
   
.stage-header { .stage-header {
Loading
Loading
Loading
@@ -277,6 +277,10 @@
Loading
@@ -277,6 +277,10 @@
&:hover { &:hover {
color: $md-link-color; color: $md-link-color;
text-decoration: none; text-decoration: none;
.avatar {
border-color: $md-link-color;
}
} }
} }
   
Loading
Loading
Loading
@@ -222,6 +222,10 @@
Loading
@@ -222,6 +222,10 @@
margin-left: 5px; margin-left: 5px;
} }
   
.nav-links li {
margin-right: -4px;
}
.profile-header { .profile-header {
margin: 0 auto; margin: 0 auto;
   
Loading
@@ -253,6 +257,10 @@
Loading
@@ -253,6 +257,10 @@
} }
} }
} }
.nav-links li {
margin-right: -7px;
}
} }
} }
   
Loading
@@ -271,4 +279,4 @@ table.u2f-registrations {
Loading
@@ -271,4 +279,4 @@ table.u2f-registrations {
.scopes-list { .scopes-list {
padding-left: 18px; padding-left: 18px;
} }
} }
\ No newline at end of file
Loading
@@ -14,6 +14,20 @@
Loading
@@ -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 { .search {
margin-right: 10px; margin-right: 10px;
margin-left: 10px; margin-left: 10px;
Loading
Loading
Loading
@@ -18,7 +18,8 @@
Loading
@@ -18,7 +18,8 @@
or change it at #{link_to Gitlab.config.gravatar.host, "http://" + Gitlab.config.gravatar.host} or change it at #{link_to Gitlab.config.gravatar.host, "http://" + Gitlab.config.gravatar.host}
.col-lg-9 .col-lg-9
.clearfix.avatar-image.append-bottom-default .clearfix.avatar-image.append-bottom-default
= image_tag avatar_icon(@user, 160), alt: '', class: 'avatar s160' = link_to avatar_icon(@user, 400), target: '_blank' do
= image_tag avatar_icon(@user, 160), alt: '', class: 'avatar s160'
%h5.prepend-top-0 %h5.prepend-top-0
Upload new avatar Upload new avatar
.prepend-top-5.append-bottom-10 .prepend-top-5.append-bottom-10
Loading
Loading
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment