gitlab-org--gitlab-foss/app/assets/stylesheets/components/whats_new.scss

65 lines
1.2 KiB
SCSS

.whats-new-drawer {
margin-top: $header-height;
@include gl-shadow-none;
overflow-y: hidden;
width: 500px;
.gl-infinite-scroll-legend {
@include gl-display-none;
}
.gl-tabs {
@include gl-overflow-y-auto;
}
.gl-tabs-nav {
flex-wrap: nowrap;
overflow-x: scroll;
align-items: stretch;
.nav-item {
@include gl-flex-shrink-0;
a {
@include gl-h-full;
line-height: 1.5;
}
}
}
.gl-spinner-container {
@include gl-w-full;
@include gl-absolute;
top: 50%;
transform: translateY(-50%);
}
}
.with-performance-bar .whats-new-drawer {
margin-top: calc(#{$performance-bar-height} + #{$header-height});
}
.with-system-header .whats-new-drawer {
margin-top: calc(#{$system-header-height} + #{$header-height});
}
.with-performance-bar.with-system-header .whats-new-drawer {
margin-top: calc(#{$performance-bar-height} + #{$system-header-height} + #{$header-height});
}
.whats-new-item-title-link {
&:hover,
&:focus,
&:active {
@include gl-text-gray-900;
}
}
.whats-new-item-image {
border-color: $gray-50;
height: 250px;
}
.whats-new-modal-backdrop {
z-index: 699;
}