diff --git a/src/app/app.css b/src/app/app.css index 6ae1c5d..fd0b6a9 100644 --- a/src/app/app.css +++ b/src/app/app.css @@ -99,63 +99,6 @@ pf-v6-c-page__main-container.pf-m-fill { } } -.compare-container { - display: flex; - flex-direction: column; - position: relative; - height: 100%; - - .pf-chatbot__footer { - position: sticky; - bottom: 0; - } -} - -.compare-toggle { - width: 100%; - - .pf-v6-c-toggle-group__button { - width: 100%; - display: flex; - justify-content: center; - } -} - -.chatbot-ui-page { - .pf-v6-c-page__main { - overflow: hidden; - } - @media screen and (max-width: 900px) { - --pf-v6-c-page__main-container--MaxHeight: 100%; - } - .pf-v6-c-page__main-container { - @media screen and (min-width: 1024px) { - border-top: 0px; - } - @media screen and (max-width: 900px) { - --pf-v6-c-page__main-container--MarginInlineStart: 0; - --pf-v6-c-page__main-container--MarginInlineEnd: 0; - --pf-v6-c-page__main-container--BorderWidth: 0; - --pf-v6-c-page__main-container--BorderColor: initial; - --pf-v6-c-page__main-container--BorderRadius: none; - } - } -} - -.sidebar-masthead { - padding: var(--pf-t--global--spacer--md); - @media screen and (max-width: 1199px) { - display: none; - } -} - -#page-sidebar { - overflow: visible; - @media screen and (max-width: 900px) { - width: 100%; - } -} - .flyout-header { font-weight: 500; display: flex; @@ -208,12 +151,6 @@ pf-v6-c-page__main-container.pf-m-fill { gap: var(--pf-t--global--spacer--sm); } -.pf-v6-c-masthead { - @media screen and (min-width: 1200px) { - display: none; - } -} - .compare-container { display: flex; flex-direction: column;