debian-mirror-gitlab/app/assets/stylesheets/components/batch_comments/review_bar.scss

72 lines
1.3 KiB
SCSS
Raw Normal View History

2020-11-24 15:15:51 +05:30
.review-bar-component {
position: fixed;
bottom: 0;
left: 0;
2021-03-11 19:13:27 +05:30
z-index: $zindex-dropdown-menu;
2021-09-30 23:02:18 +05:30
display: flex;
align-items: center;
width: 100%;
height: $toggle-sidebar-height;
2020-11-24 15:15:51 +05:30
padding-left: $contextual-sidebar-width;
padding-right: $gutter_collapsed_width;
2021-09-30 23:02:18 +05:30
background: $white;
border-top: 1px solid $border-color;
2020-11-24 15:15:51 +05:30
transition: padding $sidebar-transition-duration;
.page-with-icon-sidebar & {
padding-left: $contextual-sidebar-collapsed-width;
}
.right-sidebar-expanded & {
padding-right: $gutter_width;
}
@media (max-width: map-get($grid-breakpoints, sm)-1) {
padding-left: 0;
padding-right: 0;
}
.dropdown {
margin-left: $grid-size;
}
}
.review-bar-content {
max-width: $limited-layout-width;
padding: 0 $gl-padding;
width: 100%;
margin: 0 auto;
}
.review-preview-item-header {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 4px;
> .bold {
display: flex;
min-width: 0;
line-height: 16px;
}
}
.review-preview-item-footer {
display: flex;
align-items: center;
margin-top: 4px;
}
.review-preview-item-content {
width: 100%;
p {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 0;
}
}