Zaki/Password-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(entries): keep the reveal eye clear of the multiline scrollbar

Browse Source 
scrollbar-gutter reserves the track whether or not it is showing, so the eye keeps the same position once the content passes the auto-grow cap.
This commit is contained in:
r-zakarya
2026-08-01 12:04:46 +01:00
parent a2cd08c676
commit e5758f984c
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+9 -1
View File
@@ -1609,11 +1609,19 @@ input[type="range"]::-webkit-slider-thumb {
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
} }
/* Multiline: pin it to the top corner, clear of the resize grip. */ /* Multiline: pin it to the top corner, clear of the resize grip — and inside
the scrollbar, which appears as soon as the content passes the auto-grow cap.
scrollbar-gutter keeps that space reserved so the eye doesn't shift when the
scrollbar shows up. */
.so-custom-value-wrap.is-multiline .so-custom-value-eye { .so-custom-value-wrap.is-multiline .so-custom-value-eye {
top: 3px; top: 3px;
right: 16px;
transform: none; transform: none;
} }
.so-custom-value-wrap.is-multiline > .so-input {
padding-right: 44px;
scrollbar-gutter: stable;
}
/* The row menu is absolutely positioned inside its wrap; without this the /* The row menu is absolutely positioned inside its wrap; without this the
slideover clips it or it lands under the next row. */ slideover clips it or it lands under the next row. */
.so-custom-row .entry-kebab-wrap { position: relative; } .so-custom-row .entry-kebab-wrap { position: relative; }