@@ -123,6 +123,7 @@ class ProjectHeader extends React.Component {
@@ -135,6 +136,7 @@ class ProjectHeader extends React.Component {
activeEnvironment.name === env.name &&
'active'
}
+ linkClassName="truncate"
>
{env.displayName}
diff --git a/src/sentry/static/sentry/app/components/projectHeader/projectSelector.jsx b/src/sentry/static/sentry/app/components/projectHeader/projectSelector.jsx
index ecb759363f819d..a73e49215655d1 100644
--- a/src/sentry/static/sentry/app/components/projectHeader/projectSelector.jsx
+++ b/src/sentry/static/sentry/app/components/projectHeader/projectSelector.jsx
@@ -272,11 +272,7 @@ const ProjectSelector = createReactClass({
let orgId = org.slug;
let projectId = project.slug;
- return (
-
- {label}
-
- );
+ return
{label};
},
renderProjectList({organization: org, projects, filter, hasProjectWrite}) {
diff --git a/src/sentry/static/sentry/app/components/sidebar/sidebarDropdown/index.jsx b/src/sentry/static/sentry/app/components/sidebar/sidebarDropdown/index.jsx
index ea9045738623e1..83b2deb5f06e3c 100644
--- a/src/sentry/static/sentry/app/components/sidebar/sidebarDropdown/index.jsx
+++ b/src/sentry/static/sentry/app/components/sidebar/sidebarDropdown/index.jsx
@@ -219,6 +219,8 @@ const StyledAvatar = styled(Avatar)`
margin-top: 2px;
margin-bottom: 2px;
margin-right: ${p => (p.collapsed ? '0' : '12px')};
+ box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
+ border-radius: 4px;
`;
const OrgAndUserMenu = styled('div')`
diff --git a/src/sentry/static/sentry/less/layout.less b/src/sentry/static/sentry/less/layout.less
index bb4cb074716c4f..30ad415fc48faf 100644
--- a/src/sentry/static/sentry/less/layout.less
+++ b/src/sentry/static/sentry/less/layout.less
@@ -229,6 +229,8 @@ body.auth {
.project-header {
display: flex;
+ margin-top: 18px;
+
&-main {
flex-grow: 1;
}
@@ -240,6 +242,7 @@ body.auth {
font-weight: normal;
display: block;
margin-top: 8px;
+ margin-bottom: 8px;
}
}
}
@@ -251,7 +254,7 @@ body.auth {
.project-select-bookmark {
border-left: 1px solid @gray-lightest;
- padding-left: 10px;
+ padding-left: 15px;
margin-left: 10px;
color: @40;
&.active {
@@ -265,6 +268,7 @@ body.auth {
+ .dropdown-menu {
z-index: @zindex-sticky-bar + 2;
+ width: 172px;
}
}
@@ -294,14 +298,14 @@ body.auth {
z-index: 2;
a {
- padding-bottom: 13px;
+ padding-bottom: 10px;
}
}
}
.project-select-wrapper + .nav-tabs,
#blk_projectselect + .nav-tabs {
- margin-top: 10px;
+ margin-top: 12px;
}
.align-right {
diff --git a/src/sentry/static/sentry/less/shared-components.less b/src/sentry/static/sentry/less/shared-components.less
index 17a1052253817b..f09716b3287353 100644
--- a/src/sentry/static/sentry/less/shared-components.less
+++ b/src/sentry/static/sentry/less/shared-components.less
@@ -1158,8 +1158,8 @@ table.integrations {
h3 {
font-size: 20px;
margin: 0;
- position: relative;
- top: 2px;
+ display: flex;
+ align-items: center;
a {
color: @gray-dark;
@@ -1188,6 +1188,7 @@ table.integrations {
.project-dropdown {
position: static;
+ height: 24px;
.dropdown-toggle {
height: 23px;
@@ -2419,7 +2420,7 @@ header + .alert {
margin: 0;
border: 0;
background: none;
- color: @gray;
+ color: @60;
min-width: 30px;
text-align: center;
diff --git a/src/sentry/static/sentry/less/stream.less b/src/sentry/static/sentry/less/stream.less
index 2dad9c89d4fd9f..4c67d4e29ac321 100644
--- a/src/sentry/static/sentry/less/stream.less
+++ b/src/sentry/static/sentry/less/stream.less
@@ -896,7 +896,7 @@
.dropdown-menu {
max-width: 350px;
- min-width: 250px;
+ min-width: 275px;
.row {
margin: 8px 5px 5px;
@@ -940,10 +940,10 @@
.dropdown-toggle {
.btn-default;
- width: 168px;
+ width: 176px;
font-size: 14px;
border: 1px solid lighten(@gray-lighter, 7);
- padding: 6px 12px;
+ padding: 6px 8px;
border-radius: 3px;
display: block;
@@ -989,7 +989,6 @@
*/
.stream-header {
- margin-top: -2px;
margin-bottom: 15px;
}