0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-08 17:53:55 +08:00
discourse/plugins/discourse-workflows/assets/stylesheets/common/workflows-index.scss
Joffrey JAFFEUX 46ddecdbb8
FEATURE: Add workflow tags (#42056)
Allows to tag each workflow and filter them by tag(s).
2026-07-27 17:22:42 +02:00

133 lines
2.5 KiB
SCSS
Vendored

.workflows-index {
&__tabs {
display: flex;
border-bottom: 2px solid var(--primary-low);
margin-bottom: var(--space-4);
}
&__tab {
padding: var(--space-2) var(--space-4);
border: 0;
background: transparent;
cursor: pointer;
font-size: var(--font-0);
color: var(--primary-medium);
border-bottom: 2px solid transparent;
margin-bottom: -2px;
&:hover {
color: var(--primary);
}
&.is-active {
color: var(--tertiary);
border-bottom-color: var(--tertiary);
}
}
&__name-content {
display: inline-flex;
align-items: center;
gap: var(--space-2);
}
&__name-link {
min-width: 0;
}
&__last-editor-link {
display: flex;
width: fit-content;
align-items: center;
gap: var(--space-1);
}
&__warning {
display: inline-flex;
align-items: center;
color: var(--workflow-status-error);
line-height: 1;
}
&__empty {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
padding: var(--space-8) var(--space-4);
background: var(--primary-very-low);
border: 1px solid var(--primary-low);
border-radius: var(--d-border-radius);
}
&__badge {
display: inline-flex;
align-items: center;
gap: 0.4em;
white-space: nowrap;
font-size: var(--font-down-1);
padding: 0.25em 0.6em;
border-radius: var(--d-border-radius);
border: 1px solid var(--primary-low);
color: var(--primary-high);
&::before {
content: "";
display: inline-block;
flex: none;
width: 0.55em;
height: 0.55em;
border-radius: 50%;
}
&.is-published::before {
background: var(--workflow-status-success);
}
&.is-unpublished::before {
background: var(--workflow-status-running);
}
&.is-unpublished-changes {
border-color: var(--tertiary-medium);
background: var(--tertiary-low);
color: var(--primary);
font-weight: 600;
&::before {
background: var(--tertiary);
}
}
}
&__filters {
flex-wrap: wrap;
}
&__tag-filter {
min-width: 11em;
.d-multi-select-trigger__label {
white-space: nowrap;
}
}
&__tag-filter-count {
color: var(--primary-medium);
font-size: var(--font-down-1);
}
&__name.d-table__cell .d-table__overview-name {
margin-bottom: 0;
}
&__tags {
min-height: 0;
margin-top: var(--space-1);
}
&__no-results {
color: var(--primary-high);
}
}