|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* Blueprint Edit layout */
|
|
Packit |
23b642 |
.cmpsr-grid__wrapper {
|
|
Packit |
23b642 |
display: grid;
|
|
Packit |
23b642 |
grid-template-columns: 1fr 2fr;
|
|
Packit |
23b642 |
grid-template-rows: auto auto 1fr;
|
|
Packit |
23b642 |
grid-template-areas:
|
|
Packit |
23b642 |
"header header"
|
|
Packit |
23b642 |
"inputsTitle editTitle"
|
|
Packit |
23b642 |
"inputs edit";
|
|
Packit |
23b642 |
overflow: auto;
|
|
Packit |
23b642 |
position: absolute;
|
|
Packit |
23b642 |
top: 0;
|
|
Packit |
23b642 |
bottom: 0;
|
|
Packit |
23b642 |
width: 100%;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
/* Blueprint Edit page header */
|
|
Packit |
23b642 |
.cmpsr-grid__wrapper .cmpsr-header {
|
|
Packit |
23b642 |
grid-area: header;
|
|
Packit |
23b642 |
margin: 0 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
/* Blueprint Edit panels */
|
|
Packit |
23b642 |
.cmpsr-panel__title {
|
|
Packit |
23b642 |
border: 1px solid #d1d1d1;
|
|
Packit |
23b642 |
background: #f2f2f2;
|
|
Packit |
23b642 |
padding: 10px 20px;
|
|
Packit |
23b642 |
font-size: 14px;
|
|
Packit |
23b642 |
color: inherit;
|
|
Packit |
23b642 |
font-weight: bold;
|
|
Packit |
23b642 |
margin: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__title--sidebar {
|
|
Packit |
23b642 |
grid-area: inputsTitle;
|
|
Packit |
23b642 |
margin-right: -1px;
|
|
Packit |
23b642 |
margin-left: 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__title--main {
|
|
Packit |
23b642 |
grid-area: editTitle;
|
|
Packit |
23b642 |
margin-right: 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body {
|
|
Packit |
23b642 |
border-width: 0 1px 1px;
|
|
Packit |
23b642 |
border-style: solid;
|
|
Packit |
23b642 |
border-color: #d1d1d1;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body--sidebar {
|
|
Packit |
23b642 |
grid-area: inputs;
|
|
Packit |
23b642 |
margin-right: -1px;
|
|
Packit |
23b642 |
margin-left: 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body--main {
|
|
Packit |
23b642 |
grid-area: edit;
|
|
Packit |
23b642 |
background: var(--pf-global--BackgroundColor--100);
|
|
Packit |
23b642 |
margin-right: 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
/* Blueprint Edit panel contents */
|
|
Packit |
23b642 |
.cmpsr-grid__wrapper .cmpsr-panel__body {
|
|
Packit |
23b642 |
overflow: auto;
|
|
Packit |
23b642 |
min-height: -webkit-min-content;
|
|
Packit |
23b642 |
min-height: -moz-min-content;
|
|
Packit |
23b642 |
min-height: min-content;
|
|
Packit |
23b642 |
position: relative;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body .toolbar-pf {
|
|
Packit |
23b642 |
position: -webkit-sticky;
|
|
Packit |
23b642 |
position: sticky;
|
|
Packit |
23b642 |
top: 0;
|
|
Packit Service |
0246ed |
z-index: 1;
|
|
Packit |
23b642 |
padding: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body .toolbar-pf .btn-link {
|
|
Packit |
23b642 |
border: none;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body > * {
|
|
Packit |
23b642 |
margin: 0 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body .toolbar-pf {
|
|
Packit |
23b642 |
margin: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body .toolbar-pf > * {
|
|
Packit |
23b642 |
padding: 0 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body .toolbar-pf .toolbar-pf-actions {
|
|
Packit |
23b642 |
padding-top: 10px;
|
|
Packit |
23b642 |
margin: 0 0 10px 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body--view {
|
|
Packit |
23b642 |
margin-left: -20px;
|
|
Packit |
23b642 |
margin-right: -20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body .list-pf {
|
|
Packit |
23b642 |
border-bottom: none;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
/* Blueprint view */
|
|
Packit |
23b642 |
.cmpsr-pg__blueprint-view {
|
|
Packit |
23b642 |
padding: 0 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* page header */
|
|
Packit |
23b642 |
.cmpsr-header {
|
|
Packit |
23b642 |
display: -webkit-box;
|
|
Packit |
23b642 |
display: flex;
|
|
Packit |
23b642 |
-webkit-box-pack: justify;
|
|
Packit |
23b642 |
justify-content: space-between;
|
|
Packit |
23b642 |
-webkit-box-align: baseline;
|
|
Packit |
23b642 |
align-items: baseline;
|
|
Packit |
23b642 |
flex-wrap: wrap;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-header--modal {
|
|
Packit |
23b642 |
justify-content: flex-end;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-header > * {
|
|
Packit |
23b642 |
margin: 8px 0 0 0;
|
|
Packit |
23b642 |
padding: 0
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-header--modal > * {
|
|
Packit |
23b642 |
margin: 0 0 8px 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-header__actions .list-inline {
|
|
Packit |
23b642 |
margin: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-header__actions .list-inline > li {
|
|
Packit |
23b642 |
vertical-align: middle;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-header__actions .list-inline > li:last-child {
|
|
Packit |
23b642 |
padding-right: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-header__actions .list-inline > li:first-child {
|
|
Packit |
23b642 |
padding-left: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.list-inline .list__subgroup-item--first {
|
|
Packit |
23b642 |
border-left: 1px solid #e5e5e5;
|
|
Packit |
23b642 |
padding-left: 10px;
|
|
Packit |
23b642 |
margin-left: 5px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-title {
|
|
Packit |
23b642 |
display: -webkit-box;
|
|
Packit |
23b642 |
display: flex;
|
|
Packit |
23b642 |
-webkit-box-align: baseline;
|
|
Packit |
23b642 |
align-items: baseline;
|
|
Packit |
23b642 |
flex-basis: 100%;
|
|
Packit |
23b642 |
margin-top: 20px;
|
|
Packit |
23b642 |
margin-bottom: 10px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-title__item {
|
|
Packit |
23b642 |
margin: 0 10px 0 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
h1.cmpsr-title__item {
|
|
Packit |
23b642 |
font-size: var(--pf-global--FontSize--2xl);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* List view */
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-pf-expansion .list-pf-container {
|
|
Packit |
23b642 |
display: block;
|
|
Packit |
23b642 |
} /* TODO: remove and switch to flexbox for expanded contents */
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-pf-main-content {
|
|
Packit |
23b642 |
flex-basis: 100%;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.list-view-pf-main-info > .list-pf-icon {
|
|
Packit |
23b642 |
margin-right: 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-pf-additional-content {
|
|
Packit |
23b642 |
flex-basis: 100%;
|
|
Packit |
23b642 |
flex-shrink: 0;
|
|
Packit |
23b642 |
-webkit-box-pack: start;
|
|
Packit |
23b642 |
justify-content: flex-start;
|
|
Packit |
23b642 |
flex-wrap: nowrap;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-view-pf-additional-info-item {
|
|
Packit |
23b642 |
flex-basis: auto;
|
|
Packit |
23b642 |
-webkit-box-align: baseline;
|
|
Packit |
23b642 |
align-items: baseline;
|
|
Packit |
23b642 |
flex-shrink: 0;
|
|
Packit |
23b642 |
-webkit-box-flex: 0;
|
|
Packit |
23b642 |
flex-grow: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-view-pf-additional-info-item-stacked {
|
|
Packit |
23b642 |
-webkit-box-orient: horizontal;
|
|
Packit |
23b642 |
-webkit-box-direction: normal;
|
|
Packit |
23b642 |
flex-direction: row;
|
|
Packit |
23b642 |
white-space: nowrap;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-view-pf-additional-info-item-stacked strong {
|
|
Packit |
23b642 |
margin-left: 5px;
|
|
Packit |
23b642 |
margin-right: 0;
|
|
Packit |
23b642 |
font-size: inherit;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-pf-actions {
|
|
Packit |
23b642 |
flex-shrink: 0;
|
|
Packit |
23b642 |
justify-content: flex-end;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
@media (min-width: 992px) {
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-pf-main-content {
|
|
Packit |
23b642 |
flex-basis: 50%;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-pf-additional-content {
|
|
Packit |
23b642 |
flex-basis: 50%;
|
|
Packit |
23b642 |
justify-content: space-around;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-view-pf-additional-info-item {
|
|
Packit |
23b642 |
flex-basis: 50%;
|
|
Packit |
23b642 |
-webkit-box-align: center;
|
|
Packit |
23b642 |
align-items: center;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-view-pf-additional-info-item.i18n > span {
|
|
Packit |
23b642 |
display: flex;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-view-pf-additional-info-item-stacked,
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-view-pf-additional-info-item-stacked.i18n > span {
|
|
Packit |
23b642 |
-webkit-box-orient: vertical;
|
|
Packit |
23b642 |
-webkit-box-direction: normal;
|
|
Packit |
23b642 |
flex-direction: column;
|
|
Packit |
23b642 |
-webkit-box-align: center;
|
|
Packit |
23b642 |
align-items: center;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-pf .list-view-pf-additional-info-item-stacked strong {
|
|
Packit |
23b642 |
margin-left: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.list-pf-item:hover .cmpsr-list-item__text--muted,
|
|
Packit |
23b642 |
.list-pf-item.active .cmpsr-list-item__text--muted {
|
|
Packit |
23b642 |
color: initial;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-sources .list-pf-content-wrapper {
|
|
Packit |
23b642 |
flex-direction: column;
|
|
Packit |
23b642 |
align-items: stretch;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-sources .list-pf-main-content {
|
|
Packit |
23b642 |
flex-direction: column;
|
|
Packit |
23b642 |
align-items: flex-start;
|
|
Packit |
23b642 |
max-width: 100%;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-sources .list-pf-title, .cmpsr-list-sources .list-pf-description {
|
|
Packit |
23b642 |
flex: 0 1 auto;
|
|
Packit |
23b642 |
margin-right: 20px
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-sources .list-pf-additional-content {
|
|
Packit |
23b642 |
justify-content: flex-start;
|
|
Packit |
23b642 |
margin-left: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-list-sources .list-pf-actions {
|
|
Packit |
23b642 |
flex-basis: 150px;
|
|
Packit |
23b642 |
margin-left: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
@media (min-width: 640px) {
|
|
Packit |
23b642 |
.cmpsr-list-sources .list-pf-main-content {
|
|
Packit |
23b642 |
flex-direction: row;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
@media (min-width: 992px) {
|
|
Packit |
23b642 |
.cmpsr-list-sources .list-pf-title, .cmpsr-list-sources .list-pf-description {
|
|
Packit |
23b642 |
flex-basis: calc(50% - 20px);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
/* pagination */
|
|
Packit |
23b642 |
.toolbar-pf-results .content-view-pf-pagination {
|
|
Packit |
23b642 |
margin-bottom: 5px;
|
|
Packit |
23b642 |
margin-top: 5px;
|
|
Packit |
23b642 |
background-color: transparent;
|
|
Packit |
23b642 |
border: none;
|
|
Packit |
23b642 |
-webkit-box-pack: end;
|
|
Packit |
23b642 |
justify-content: flex-end;
|
|
Packit |
23b642 |
-webkit-box-align: baseline;
|
|
Packit |
23b642 |
align-items: baseline;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.toolbar-pf-results .pagination {
|
|
Packit |
23b642 |
align-self: center;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.toolbar-pf-results .pagination-pf-page,
|
|
Packit |
23b642 |
.toolbar-pf-results .pagination.pagination-pf-forward {
|
|
Packit |
23b642 |
margin-left: 5px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.toolbar-pf-results .pagination-pf-page {
|
|
Packit |
23b642 |
display: inline;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.pagination-cmpsr-pages {
|
|
Packit |
23b642 |
display: -webkit-box;
|
|
Packit |
23b642 |
display: flex;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
/* given complexity of this component related to sr a11y and i18n,
|
|
Packit |
23b642 |
this applies sr-only styles to the child span, which includes
|
|
Packit |
23b642 |
the translated screenreader text, while the next line provides
|
|
Packit |
23b642 |
the "-" that would display instead of the sr-only "to" */
|
|
Packit |
23b642 |
.pagination-cmpsr-to > span {
|
|
Packit |
23b642 |
position: absolute;
|
|
Packit |
23b642 |
width: 1px;
|
|
Packit |
23b642 |
height: 1px;
|
|
Packit |
23b642 |
margin: -1px;
|
|
Packit |
23b642 |
padding: 0;
|
|
Packit |
23b642 |
overflow: hidden;
|
|
Packit |
23b642 |
clip: rect(0,0,0,0);
|
|
Packit |
23b642 |
border: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.pagination-cmpsr-to:before {
|
|
Packit |
23b642 |
content: "\2013";
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* sidebar */
|
|
Packit |
23b642 |
.cmpsr-panel__body--sidebar .toolbar-pf-actions .toolbar-pf-filter {
|
|
Packit |
23b642 |
width: auto;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body--sidebar {
|
|
Packit |
23b642 |
background-color: #fafafa;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body--sidebar .pf-c-data-list {
|
|
Packit |
23b642 |
margin: -1px 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-panel__body--sidebar .alert {
|
|
Packit |
23b642 |
margin: 10px 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.label-info {
|
|
Packit |
23b642 |
background-color: var(--pf-global--link--Color);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/*Component details*/
|
|
Packit |
23b642 |
.pf-icon-small {
|
|
Packit |
23b642 |
font-size: 1.7rem;
|
|
Packit |
23b642 |
height: 2.2rem;
|
|
Packit |
23b642 |
line-height: 2.2rem;
|
|
Packit |
23b642 |
width: 2.2rem;
|
|
Packit |
23b642 |
display: -webkit-inline-box;
|
|
Packit |
23b642 |
display: inline-flex;
|
|
Packit |
23b642 |
-webkit-box-pack: center;
|
|
Packit |
23b642 |
justify-content: center;
|
|
Packit |
23b642 |
-webkit-box-align: center;
|
|
Packit |
23b642 |
align-items: center;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-component-details--view {
|
|
Packit |
23b642 |
margin-top: 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-component-details__form {
|
|
Packit |
23b642 |
background-color: #ededed;
|
|
Packit |
23b642 |
border: 1px solid #24a4e1;
|
|
Packit |
23b642 |
border-radius: 1px;
|
|
Packit |
23b642 |
margin-bottom: 20px;
|
|
Packit |
23b642 |
padding: 5px 10px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-component-details__form .form-horizontal {
|
|
Packit |
23b642 |
margin: 15px 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* Blueprint details page */
|
|
Packit |
23b642 |
.list-pf .list-group-item__separator,
|
|
Packit |
23b642 |
.list-pf .list-group-item__separator:hover {
|
|
Packit |
23b642 |
background-color: #f7f7f7;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.list-pf .list-group-item__separator .list-pf-container {
|
|
Packit |
23b642 |
padding-top: 0;
|
|
Packit |
23b642 |
padding-bottom: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-blueprint__changes .list-group {
|
|
Packit |
23b642 |
margin-bottom: 0;
|
|
Packit |
23b642 |
border-top: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-blueprint__changes .list-group-item:last-child {
|
|
Packit |
23b642 |
border-bottom: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* Images list view */
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.cmpsr-images .list-pf-actions {
|
|
Packit |
23b642 |
flex-basis: 20%;
|
|
Packit |
23b642 |
-webkit-box-pack: end;
|
|
Packit |
23b642 |
justify-content: flex-end;
|
|
Packit |
23b642 |
margin-left: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-images.cmpsr-list-pf .list-view-pf-additional-info-item.cmpsr-images__status {
|
|
Packit |
23b642 |
flex-basis: 15%;
|
|
Packit |
23b642 |
margin-left: 10%;
|
|
Packit |
23b642 |
-webkit-box-align: center;
|
|
Packit |
23b642 |
align-items: center;
|
|
Packit |
23b642 |
white-space: nowrap;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-images .list-pf-content-wrapper {
|
|
Packit |
23b642 |
flex-basis: 55%;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.cc-c-data-list__item-status .pficon-in-progress {
|
|
Packit |
23b642 |
-webkit-animation: 1s infinite linear rotate;
|
|
Packit |
23b642 |
animation: 1s infinite linear rotate;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
@-webkit-keyframes rotate {
|
|
Packit |
23b642 |
from {
|
|
Packit |
23b642 |
-webkit-transform: rotate(0deg);
|
|
Packit |
23b642 |
transform: rotate(0deg);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
to {
|
|
Packit |
23b642 |
-webkit-transform: rotate(-359deg);
|
|
Packit |
23b642 |
transform: rotate(-359deg);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
@keyframes rotate {
|
|
Packit |
23b642 |
from {
|
|
Packit |
23b642 |
-webkit-transform: rotate(0deg);
|
|
Packit |
23b642 |
transform: rotate(0deg);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
to {
|
|
Packit |
23b642 |
-webkit-transform: rotate(-359deg);
|
|
Packit |
23b642 |
transform: rotate(-359deg);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
@media (min-width: 992px) {
|
|
Packit |
23b642 |
.cmpsr-images .list-view-pf-additional-info-item {
|
|
Packit |
23b642 |
flex-basis: 30%;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.list-pf-icon-bordered-dotted {
|
|
Packit |
23b642 |
border-style: dotted;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.list-pf-icon-bordered-gray {
|
|
Packit |
23b642 |
border-color: #949494;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* tab contents */
|
|
Packit |
23b642 |
.tab-container {
|
|
Packit |
23b642 |
padding: 20px 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* toolbar */
|
|
Packit |
23b642 |
.toolbar-pf-actions .toolbar-pf-filter.form-group {
|
|
Packit |
23b642 |
padding-left: 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.toolbar-pf-actions .form-group:first-child {
|
|
Packit |
23b642 |
padding-left: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* loading */
|
|
Packit |
23b642 |
.cmpsr-loading {
|
|
Packit |
23b642 |
text-align: center;
|
|
Packit |
23b642 |
padding-top: 40px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* inline edit */
|
|
Packit |
23b642 |
.form-control-pf-editable .sr-only + .pficon-edit {
|
|
Packit |
23b642 |
margin-left: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.form-control-pf-editable > .form-control-pf-value {
|
|
Packit |
23b642 |
text-align: left;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.form-control-pf-editable > .form-control-pf-value > span {
|
|
Packit |
23b642 |
word-break: break-all;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* tables */
|
|
Packit |
23b642 |
.cmpsr-table-actions {
|
|
Packit |
23b642 |
width: 1%;
|
|
Packit |
23b642 |
white-space: nowrap;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cmpsr-table-actions .btn-link {
|
|
Packit |
23b642 |
padding-top: 0;
|
|
Packit |
23b642 |
padding-bottom: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
table .form-control {
|
|
Packit |
23b642 |
margin-left: -7px;
|
|
Packit |
23b642 |
box-sizing: content-box;
|
|
Packit |
23b642 |
height: auto;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.cmpsr-table-row--editable .cmpsr-table-actions {
|
|
Packit |
23b642 |
height: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.cmpsr-inline-edit-btn-wrapper {
|
|
Packit |
23b642 |
height: 100%;
|
|
Packit |
23b642 |
width: 100%;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.cmpsr-table-row--editable .cmpsr-inline-edit-buttons {
|
|
Packit |
23b642 |
position: absolute;
|
|
Packit |
23b642 |
background-color: #def3ff;
|
|
Packit |
23b642 |
border: 1px solid #d1d1d1;
|
|
Packit |
23b642 |
border-top-color: #def3ff;
|
|
Packit |
23b642 |
padding: 3px;
|
|
Packit |
23b642 |
display: block;
|
|
Packit |
23b642 |
transform: translate(calc(-100% + 10px), 3px);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.cmpsr-table-row--editable:hover .cmpsr-inline-edit-buttons {
|
|
Packit |
23b642 |
background-color: #c4eaff;
|
|
Packit |
23b642 |
border-color: #7DC3F0;
|
|
Packit |
23b642 |
border-top-color: #c4eaff;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.table .cmpsr-width-60 {
|
|
Packit |
23b642 |
width: 60%;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.table .cmpsr-width-20 {
|
|
Packit |
23b642 |
width: 20%;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* ------------------------------- */
|
|
Packit |
23b642 |
/* modifications to patternfly css */
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* body displays in an iframe without nav */
|
|
Packit |
23b642 |
/* resetting body so that grid layout can fill page */
|
|
Packit |
23b642 |
body, html {
|
|
Packit |
23b642 |
height: 100%;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
body {
|
|
Packit |
23b642 |
position: relative;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* empty state */
|
|
Packit Service |
0246ed |
.cmpsr-alert-blank-slate {
|
|
Packit |
23b642 |
margin-top: 30px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.cmpsr-alert-blank-slate {
|
|
Packit |
23b642 |
margin-bottom: 5px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* notifications */
|
|
Packit |
23b642 |
.toast-notifications-list-pf {
|
|
Packit |
23b642 |
top: 8px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/*toolbar*/
|
|
Packit |
23b642 |
.toolbar-pf .form-group {
|
|
Packit |
23b642 |
border-right: 1px solid #d1d1d1;
|
|
Packit |
23b642 |
float: left;
|
|
Packit |
23b642 |
margin-bottom: 0;
|
|
Packit |
23b642 |
padding-left: 20px;
|
|
Packit |
23b642 |
padding-right: 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.toolbar-pf-action-right {
|
|
Packit |
23b642 |
float: right;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* list-pf */
|
|
Packit |
23b642 |
.list-pf-title .text-muted {
|
|
Packit |
23b642 |
font-weight: normal;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* nav-tabs-pf */
|
|
Packit |
23b642 |
#blueprint-tabs .nav-tabs {
|
|
Packit |
23b642 |
margin-top: var(--pf-global--spacer--sm);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.nav-tabs .badge {
|
|
Packit |
23b642 |
display: inline;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* disabled state */
|
|
Packit |
23b642 |
/* disable pointer events for both and <button> */
|
|
Packit |
23b642 |
.btn.disabled, fieldset[disabled] .btn {
|
|
Packit |
23b642 |
pointer-events: none;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
/* enable pointer events for disabled button that has a tooltip */
|
|
Packit |
23b642 |
.disabled.cmpsr-has-tooltip {
|
|
Packit |
23b642 |
pointer-events: initial;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
[data-toggle] {
|
|
Packit |
23b642 |
cursor: pointer;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* text-muted inside strong element - for translatable strings */
|
|
Packit |
23b642 |
strong > .text-muted {
|
|
Packit |
23b642 |
font-weight: normal;
|
|
Packit |
23b642 |
color: initial;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* This is added for the export dialog so that the contents have higher contrast */
|
|
Packit |
23b642 |
textarea.form-control[readonly] {
|
|
Packit |
23b642 |
background-color: inherit;
|
|
Packit |
23b642 |
color: inherit;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* PF4 styles for PF3 classes */
|
|
Packit |
23b642 |
body {
|
|
Packit |
23b642 |
background: var(--pf-global--BackgroundColor--100);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.container-fluid {
|
|
Packit |
23b642 |
padding: 0 20px;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.fields-status-pf {
|
|
Packit |
23b642 |
color: var(--pf-global--Color--200);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.text-muted {
|
|
Packit |
23b642 |
color: var(--pf-global--Color--200);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* PF4 DataList customizations */
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.pf-c-data-list.cc-m-compact {
|
|
Packit |
23b642 |
--pf-c-data-list__cell--PaddingTop: var(--pf-global--spacer--sm);
|
|
Packit |
23b642 |
--pf-c-data-list__cell--PaddingBottom: var(--pf-global--spacer--sm);
|
|
Packit |
23b642 |
--pf-c-data-list__item-content--PaddingBottom: var(--pf-global--spacer--sm);
|
|
Packit |
23b642 |
--pf-c-data-list__item-control--MarginRight: var(--pf-global--spacer--md);
|
|
Packit |
23b642 |
--pf-c-data-list__item-action--MarginLeft: var(--pf-global--spacer--sm);
|
|
Packit |
23b642 |
--pf-c-data-list__item-row--PaddingRight: var(--pf-global--spacer--md);
|
|
Packit |
23b642 |
--pf-c-data-list__item-row--PaddingLeft: var(--pf-global--spacer--md);
|
|
Packit |
23b642 |
--pf-c-data-list__item-action--PaddingTop: var(--pf-global--spacer--sm);
|
|
Packit |
23b642 |
--pf-c-data-list__item-action--PaddingBottom: var(--pf-global--spacer--sm);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.pf-c-data-list__expandable-content pre {
|
|
Packit |
23b642 |
border-top: none;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.cc-u-not-visible {
|
|
Packit |
23b642 |
visibility: hidden !important;
|
|
Packit |
23b642 |
} /* used to visually hide elements, but still retain the spacing that they take up */
|
|
Packit |
23b642 |
/* use this with aria-hidden to also hide from assistive technologies */
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* expand buttons are included for all nodes, but only visible for nodes with children */
|
|
Packit |
23b642 |
.pf-c-data-list__item-control[aria-hidden="true"] .pf-c-button {
|
|
Packit |
23b642 |
visibility: hidden;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.cc-c-data-list__item-icon {
|
|
Packit |
23b642 |
flex: 0 0 1rem;
|
|
Packit |
23b642 |
margin-right: var(--pf-c-data-list__item-control--MarginRight);
|
|
Packit |
23b642 |
padding-top: var(--pf-c-data-list__cell--PaddingTop);
|
|
Packit |
23b642 |
} /* sets size and spacing for custom icon column */
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.cc-c-status {
|
|
Packit |
23b642 |
display: grid;
|
|
Packit |
23b642 |
grid-row-gap: var(--pf-global--spacer--md);
|
|
Packit |
23b642 |
grid-column-gap: var(--pf-global--spacer--sm);
|
|
Packit |
23b642 |
grid-template-columns: minmax(var(--pf-global--icon--FontSize--md) , min-content) auto;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-c-status .cc-m-full-width {
|
|
Packit |
23b642 |
grid-column-start: 1;
|
|
Packit |
23b642 |
grid-column-end: 3;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-c-status__icon {
|
|
Packit |
23b642 |
justify-self: center;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
.pf-c-data-list__item-action.cc-m-nowrap {
|
|
Packit |
23b642 |
flex-wrap: nowrap;
|
|
Packit |
23b642 |
} /* prevents actions from wrapping */
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
@media screen and (max-width: 62rem) {
|
|
Packit |
23b642 |
.cc-m-nowrap-on-lg .pf-c-data-list__item-content {
|
|
Packit |
23b642 |
display: grid;
|
|
Packit |
23b642 |
width: 100%;
|
|
Packit |
23b642 |
grid-template-columns: auto 1fr;
|
|
Packit |
23b642 |
padding-bottom: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-m-nowrap-on-lg .pf-c-data-list__cell {
|
|
Packit |
23b642 |
padding-bottom: var(--pf-global--spacer--xs);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-m-nowrap-on-lg .pf-c-data-list__cell + .pf-c-data-list__cell {
|
|
Packit |
23b642 |
margin-left: 0;
|
|
Packit |
23b642 |
padding-top: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-m-nowrap-on-lg .pf-c-data-list__cell:last-child {
|
|
Packit |
23b642 |
padding-bottom: var(--pf-global--spacer--md);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
} /* changes with media query for when contents start to wrap */
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
@media screen and (max-width: 75rem) {
|
|
Packit |
23b642 |
.cc-m-nowrap-on-xl .pf-c-data-list__item-content {
|
|
Packit |
23b642 |
display: grid;
|
|
Packit |
23b642 |
width: 100%;
|
|
Packit |
23b642 |
grid-template-columns: auto 1fr;
|
|
Packit |
23b642 |
padding-bottom: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-m-nowrap-on-xl .pf-c-data-list__cell {
|
|
Packit |
23b642 |
padding-bottom: var(--pf-global--spacer--xs);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-m-nowrap-on-xl .pf-c-data-list__cell + .pf-c-data-list__cell {
|
|
Packit |
23b642 |
margin-left: 0;
|
|
Packit |
23b642 |
padding-top: 0;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-m-nowrap-on-xl .pf-c-data-list__cell:last-child {
|
|
Packit |
23b642 |
padding-bottom: var(--pf-global--spacer--md);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
} /* changes with media query for when contents start to wrap */
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* customizations for Components list view */
|
|
Packit |
23b642 |
/* Defines different grid areas when list item contents have display:grid (up to lg breakpoint) */
|
|
Packit |
23b642 |
/* Defines different flex properties when list item contents have display:flex */
|
|
Packit |
23b642 |
.cc-component .pf-c-data-list__item-content {
|
|
Packit |
23b642 |
grid-template-areas:
|
|
Packit |
23b642 |
"name name"
|
|
Packit |
23b642 |
"version release";
|
|
Packit |
23b642 |
grid-template-columns: minmax(auto,50%) 1fr;
|
|
Packit |
23b642 |
flex-wrap: nowrap;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-component .pf-c-data-list__cell:not(:last-child) {
|
|
Packit |
23b642 |
margin-right: var(--pf-global--spacer--md);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-component__name.pf-c-data-list__cell {
|
|
Packit |
23b642 |
grid-area: name;
|
|
Packit |
23b642 |
flex: 0 0 calc(55% - var(--pf-c-data-list__cell-cell--MarginRight));
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-component__version.pf-c-data-list__cell {
|
|
Packit |
23b642 |
grid-area: version;
|
|
Packit |
23b642 |
white-space: nowrap;
|
|
Packit |
23b642 |
overflow: hidden;
|
|
Packit |
23b642 |
text-overflow: ellipsis;
|
|
Packit |
23b642 |
flex: 0 0 calc(15% - var(--pf-c-data-list__cell-cell--MarginRight));
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.cc-component__release.pf-c-data-list__cell {
|
|
Packit |
23b642 |
grid-area: release;
|
|
Packit |
23b642 |
white-space: nowrap;
|
|
Packit |
23b642 |
overflow: hidden;
|
|
Packit |
23b642 |
text-overflow: ellipsis;
|
|
Packit |
23b642 |
flex: 0 0 30%;
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
} /* sets spacing for icon column */
|
|
Packit |
23b642 |
|
|
Packit |
23b642 |
/* modifies default datalist styles to always have contents in this element stacked */
|
|
Packit |
23b642 |
.pf-c-data-list__item-content.cc-m-stacked {
|
|
Packit |
23b642 |
display: grid;
|
|
Packit |
23b642 |
width: 100%;
|
|
Packit |
23b642 |
padding-top: var(--pf-c-data-list__cell--PaddingTop);
|
|
Packit |
23b642 |
padding-bottom: var(--pf-global--spacer--md);
|
|
Packit |
23b642 |
grid-gap: var(--pf-global--spacer--md);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.pf-c-data-list__item-content.cc-m-stacked .pf-c-data-list__cell {
|
|
Packit |
23b642 |
padding-top: 0 !important;
|
|
Packit |
23b642 |
padding-bottom: 0;
|
|
Packit |
23b642 |
grid-column: unset;
|
|
Packit |
23b642 |
grid-column-start: 1;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
@media screen and (min-width: 54rem) {
|
|
Packit |
23b642 |
.pf-c-data-list__item-content.cc-m-split-on-lg {
|
|
Packit |
23b642 |
grid-template-columns: 50% 50%;
|
|
Packit |
23b642 |
grid-gap: var(--pf-global--spacer--xs);
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
.pf-c-data-list__item-content.cc-m-split-on-lg .pf-c-data-list__cell:last-child {
|
|
Packit |
23b642 |
grid-column-start: 2;
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
}
|
|
Packit |
23b642 |
|
|
Packit Service |
0246ed |
/* form group checkbox alignment fix */
|
|
Packit Service |
0246ed |
.pf-c-form__horizontal-group .pf-c-check,
|
|
Packit Service |
0246ed |
.pf-c-form__horizontal-group .pf-c-radio,
|
|
Packit Service |
0246ed |
.cc-c-form__static-text {
|
|
Packit Service |
0246ed |
padding-top: var(--pf-global--spacer--form-element);
|
|
Packit Service |
0246ed |
padding-bottom: var(--pf-global--spacer--form-element);
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
.pf-c-form__horizontal-group .pf-c-check input[type=checkbox],
|
|
Packit Service |
0246ed |
.cc-c-form__static-text input[type=checkbox] {
|
|
Packit Service |
0246ed |
margin-top: 0px;
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
.pf-c-form__horizontal-group .pf-c-check__label {
|
|
Packit Service |
0246ed |
line-height: var(--pf-global--LineHeight--md);
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
/* spacing below warning alert in wizard */
|
|
Packit Service |
0246ed |
.pf-c-wizard__main-body .pf-c-alert,
|
|
Packit Service |
0246ed |
.cc-c-alert__warning {
|
|
Packit Service |
0246ed |
margin-bottom: var(--pf-global--gutter);
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
/* horizontal group with popover justification fix*/
|
|
Packit Service |
0246ed |
.cc-c-popover__horizontal-group {
|
|
Packit Service |
0246ed |
display: flex;
|
|
Packit Service |
0246ed |
justify-content: space-between;
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
.cc-c-form__horizontal-align {
|
|
Packit Service |
0246ed |
align-items: baseline;
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
.cc-c-form__required-text {
|
|
Packit Service |
0246ed |
margin-bottom: var(--pf-global--gutter);
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
.cc-c-text__warning-icon {
|
|
Packit Service |
0246ed |
color: var(--pf-global--warning-color--100);
|
|
Packit Service |
0246ed |
vertical-align: -0.125em;
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
.cc-c-text__danger-icon {
|
|
Packit Service |
0246ed |
color: var(--pf-global--danger-color--100);
|
|
Packit Service |
0246ed |
vertical-align: -0.125em;
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
/* Setting a fixed width similar to the values used in horizontal forms */
|
|
Packit Service |
0246ed |
/* var(--pf-c-form--m-horizontal--md__group--GridTemplateColumns) */
|
|
Packit Service |
0246ed |
/* NOTE that 576px is defined as a sass variable in PF source code as min-width: $pf-global--breakpoint--sm */
|
|
Packit Service |
0246ed |
@media screen and (min-width: 576px) {
|
|
Packit Service |
0246ed |
.pf-c-content dl.cc-m-column__fixed-width {
|
|
Packit Service |
0246ed |
grid-template-columns: 200px 1fr;
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
.pf-c-form.pf-m-horizontal.cc-m-wide-label .pf-c-form__group {
|
|
Packit Service |
0246ed |
grid-template-columns: 200px 1fr;
|
|
Packit Service |
0246ed |
}
|
|
Packit Service |
0246ed |
|
|
Packit Service |
0246ed |
.pf-icon svg {
|
|
Packit Service |
0246ed |
vertical-align: -0.125em;
|
|
Packit Service |
0246ed |
}
|