a4ccaee837
* WIP - types, props, components * logic tweaks * moving around * begin styling and content * modal formatting, section header * client update, add/removed streams works * theme tweaks * WIP -- adding accordion * hook for modal display logic * display logic, row/accordion progress * fix atrocities of table rendering, move header to own component * headers cleanup * headers cleanup * imageblock more flexible * progress on table todo: consolidate, complete * styling good, animation TODO * self review pt. 1 * cleanup * note * note * accessibility and i18n improvements * fix typo in scss * missig i18l things * move icon to /icons * Update airbyte-webapp/src/views/Connection/CatalogDiffModal/CatalogDiffModal.tsx Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com> * Update airbyte-webapp/src/views/Connection/CatalogDiffModal/components/DiffAccordion.tsx Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com> * spacing, use ModalFooter * Update airbyte-webapp/src/views/Connection/CatalogDiffModal/components/StreamRow.tsx Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com> * begin moving to memoized reducer function * memoize diff sorter and remove extra divs * cleanup * modal body padding * up0date to use modal service * move calculated string mode out of component * respond to review * add accordionheader component * catalog can be undefined * cleanup cell rendering * cleanup and make storybook work again * move table styles within a parent class * subheading alignment consistency * more padding/spacing adjustments * cleanup from review * mixup from rebase * set width on modal level not content level * Update airbyte-webapp/src/views/Connection/CatalogDiffModal/utils.tsx Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com> * Update airbyte-webapp/src/views/Connection/CatalogDiffModal/utils.tsx Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com> * linting and unused class cleanup Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>
61 lines
864 B
SCSS
61 lines
864 B
SCSS
@use "../../scss/colors";
|
|
@use "../../scss/fonts";
|
|
|
|
.iconContainer {
|
|
height: 25px;
|
|
width: 25px;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.circle {
|
|
height: 20px;
|
|
width: 20px;
|
|
min-width: 20px;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
margin-right: 6px;
|
|
overflow: hidden;
|
|
|
|
&.darkBlue {
|
|
background: colors.$dark-blue-100;
|
|
}
|
|
&.green {
|
|
background: colors.$green;
|
|
color: colors.$white;
|
|
}
|
|
|
|
&.red {
|
|
background: colors.$red;
|
|
color: colors.$white;
|
|
}
|
|
|
|
&.blue {
|
|
background: colors.$blue;
|
|
color: colors.$white;
|
|
}
|
|
}
|
|
|
|
.small {
|
|
border-radius: 0%;
|
|
}
|
|
|
|
.icon {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.number {
|
|
font-family: fonts.$regularFont;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 10px;
|
|
color: colors.$white;
|
|
padding: 3px 0 3px;
|
|
|
|
&.light {
|
|
font-weight: 500;
|
|
}
|
|
}
|