Skip to content

Commit

Permalink
Little bit more
Browse files Browse the repository at this point in the history
  • Loading branch information
janfaracik committed Jan 16, 2025
1 parent 99e32bd commit 312f977
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 34 deletions.
34 changes: 0 additions & 34 deletions src/main/scss/base/_style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -790,10 +760,6 @@ select.select-ajax-pending {
}

/* ========================= Button styles ================= */
#disable-project {
margin-top: 6px;
}

.i18n {
display: none;
}
Expand Down
16 changes: 16 additions & 0 deletions src/main/scss/components/_app-bar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand Down

0 comments on commit 312f977

Please sign in to comment.