70 lines
1.3 KiB
SCSS
70 lines
1.3 KiB
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
.filters-applied {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin-bottom: 1rem;
|
|
gap: 0.5rem;
|
|
|
|
.filter-tag {
|
|
max-width: 200px;
|
|
|
|
.hds-tag__text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Search & Filtering
|
|
.search-filtering {
|
|
.hds-application-state {
|
|
margin-top: 3rem;
|
|
}
|
|
|
|
.hds-segmented-group {
|
|
margin-bottom: 1rem;
|
|
|
|
.hds-dropdown-toggle-button__text {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.hds-table {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.search-filtering-toolbar {
|
|
display: flex;
|
|
|
|
// TODO: Remove these copied styles by migrating to HDS for the toolbar refresher component.
|
|
// The original styles assumed we were using the old toolbar component under a "rose-toolbar" class.
|
|
.rose-button-inline-link-action {
|
|
font-size: 0.8125rem;
|
|
line-height: 1.8461538462;
|
|
font-weight: 600;
|
|
color: var(--stark);
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 0.375rem 1rem;
|
|
}
|
|
|
|
> :last-child {
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Flyout with table
|
|
.flyout-with-table {
|
|
.copyable-content a,
|
|
button {
|
|
color: var(--token-color-foreground-primary);
|
|
}
|
|
}
|