diff --git a/src/main/scss/base/_style.scss b/src/main/scss/base/_style.scss index d843ea88bc5c..fcbbf2a95161 100644 --- a/src/main/scss/base/_style.scss +++ b/src/main/scss/base/_style.scss @@ -267,22 +267,6 @@ pre.console { color: gray; } -.bottom-sticker, -#bottom-sticker { - position: sticky; - - // This has to be set to -1px so that IntersectionObserver can add the - // &--stuck class when the element is stuck to the bottom of the screen - // https://css-tricks.com/how-to-detect-when-a-sticky-element-gets-pinned/ - bottom: -1px; - margin-left: calc(var(--section-padding) * -1); - width: calc( - 100% + calc(var(--section-padding) * 2) - ); /* it needs to occupy the entire width or else the underlying content will see through */ - - z-index: 998; /* behind top-sticker */ -} - .icon16x16 { width: 16px; height: 16px; @@ -398,20 +382,6 @@ img.icon-help { display: block; } -/* ================ Element overflow calculation helper styles ================ */ - -.force-wrap, -.force-wrap a { - white-space: normal !important; - overflow: visible !important; -} - -.force-nowrap, -.force-nowrap a { - white-space: nowrap !important; - overflow: hidden !important; -} - /* ========================= editable combobox style ========================= */ .comboBoxList { overflow-y: scroll; @@ -790,10 +760,6 @@ select.select-ajax-pending { } /* ========================= Button styles ================= */ -#disable-project { - margin-top: 6px; -} - .i18n { display: none; } diff --git a/src/main/scss/components/_app-bar.scss b/src/main/scss/components/_app-bar.scss index bce8aa213a41..e1b5f88d5776 100644 --- a/src/main/scss/components/_app-bar.scss +++ b/src/main/scss/components/_app-bar.scss @@ -110,6 +110,22 @@ } } +.bottom-sticker, +#bottom-sticker { + position: sticky; + + // This has to be set to -1px so that IntersectionObserver can add the + // &--stuck class when the element is stuck to the bottom of the screen + // https://css-tricks.com/how-to-detect-when-a-sticky-element-gets-pinned/ + bottom: -1px; + margin-left: calc(var(--section-padding) * -1); + width: calc( + 100% + calc(var(--section-padding) * 2) + ); /* it needs to occupy the entire width or else the underlying content will see through */ + + z-index: 998; /* behind top-sticker */ +} + .bottom-sticker-inner { position: relative; padding: 1em var(--section-padding);