2020-09-28 14:09:40 -04:00
|
|
|
.whats-new-drawer {
|
|
|
|
margin-top: $header-height;
|
|
|
|
@include gl-shadow-none;
|
2020-11-02 04:08:35 -05:00
|
|
|
overflow-y: hidden;
|
2021-05-12 02:10:21 -04:00
|
|
|
width: 500px;
|
2020-11-02 04:08:35 -05:00
|
|
|
|
|
|
|
.gl-infinite-scroll-legend {
|
|
|
|
@include gl-display-none;
|
|
|
|
}
|
2020-12-10 10:10:12 -05:00
|
|
|
|
|
|
|
.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%);
|
|
|
|
}
|
2020-09-28 14:09:40 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.with-performance-bar .whats-new-drawer {
|
2021-08-03 17:09:39 -04:00
|
|
|
margin-top: $performance-bar-height + $header-height;
|
2020-09-28 14:09:40 -04:00
|
|
|
}
|
|
|
|
|
2021-07-28 20:09:04 -04:00
|
|
|
.with-system-header .whats-new-drawer {
|
|
|
|
margin-top: $system-header-height + $header-height;
|
|
|
|
}
|
|
|
|
|
|
|
|
.with-performance-bar.with-system-header .whats-new-drawer {
|
|
|
|
margin-top: $performance-bar-height + $system-header-height + $header-height;
|
|
|
|
}
|
|
|
|
|
2020-09-04 08:08:27 -04:00
|
|
|
.gl-badge.whats-new-item-badge {
|
|
|
|
background-color: $purple-light;
|
|
|
|
color: $purple;
|
2020-09-28 14:09:40 -04:00
|
|
|
@include gl-font-weight-bold;
|
2020-09-04 08:08:27 -04:00
|
|
|
}
|
|
|
|
|
2020-11-13 10:09:24 -05:00
|
|
|
.whats-new-item-title-link {
|
|
|
|
&:hover,
|
|
|
|
&:focus,
|
|
|
|
&:active {
|
|
|
|
@include gl-text-gray-900;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-09-04 08:08:27 -04:00
|
|
|
.whats-new-item-image {
|
|
|
|
border-color: $gray-50;
|
2021-05-06 05:18:56 -04:00
|
|
|
height: 250px;
|
2020-09-04 08:08:27 -04:00
|
|
|
}
|
2020-09-28 14:09:40 -04:00
|
|
|
|
|
|
|
.whats-new-modal-backdrop {
|
2020-12-18 04:09:53 -05:00
|
|
|
z-index: 699;
|
2020-09-28 14:09:40 -04:00
|
|
|
}
|