Commit a241b872 authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray

Fix UI bugs

parent ca980de3
......@@ -306,8 +306,6 @@ header.navbar-gitlab-new {
display: flex;
width: 100%;
position: relative;
padding-top: $gl-padding;
padding-bottom: $gl-padding;
align-items: center;
border-bottom: 1px solid $border-color;
}
......@@ -319,6 +317,11 @@ header.navbar-gitlab-new {
align-self: center;
color: $gl-text-color-secondary;
@media (max-width: $screen-xs-max) {
padding-left: 17px;
border-left: 1px solid $gl-text-color-quaternary;
}
.avatar-tile {
margin-right: 4px;
border: 1px solid $border-color;
......
......@@ -6,6 +6,7 @@ $gutter_width: 290px;
$gutter_inner_width: 250px;
$sidebar-transition-duration: .15s;
$sidebar-breakpoint: 1024px;
$default-transition-duration: .15s;
/*
* Color schema
......
......@@ -39,7 +39,7 @@ input[type="checkbox"]:hover {
height: 32px;
border: 0;
border-radius: $border-radius-default;
transition: border-color ease-in-out 0.15s, background-color ease-in-out 0.15s;
transition: border-color ease-in-out $default-transition-duration, background-color ease-in-out $default-transition-duration;
&:hover {
box-shadow: none;
......@@ -51,9 +51,8 @@ input[type="checkbox"]:hover {
margin: -4px 4px -4px -4px;
line-height: 25px;
padding: 4px 8px;
border-radius: 2px 0 0 2px;
height: 32px;
transition: border-color ease-in-out 0.15s;
border-radius: $border-radius-default 0 0 $border-radius-default;
transition: border-color ease-in-out $default-transition-duration;
}
.search-input {
......@@ -65,11 +64,11 @@ input[type="checkbox"]:hover {
width: 98%;
color: $white-light;
background: none;
transition: color ease-in-out 0.15s;
transition: color ease-in-out $default-transition-duration;
}
.search-input::placeholder {
transition: color ease-in-out 0.15s;
transition: color ease-in-out $default-transition-duration;
}
.search-input-container {
......@@ -93,7 +92,7 @@ input[type="checkbox"]:hover {
.search-icon {
@extend .fa-search;
transition: color 0.15s;
transition: color $default-transition-duration;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
......@@ -146,13 +145,13 @@ input[type="checkbox"]:hover {
.search-icon,
.clear-icon {
color: $gl-text-color-tertiary;
transition: color ease-in-out 0.15s;
transition: color ease-in-out $default-transition-duration;
}
}
.search-input {
color: $gl-text-color;
transition: color ease-in-out 0.15s;
transition: color ease-in-out $default-transition-duration;
}
.search-input::placeholder {
......@@ -161,7 +160,7 @@ input[type="checkbox"]:hover {
}
.location-badge {
transition: all 0.15s;
transition: all $default-transition-duration;
background-color: $nav-badge-bg;
border-color: $border-color;
}
......
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