UI - Live filters preview - Make it sticky in the viewport so its easier to build nice filters

3 months ago · 97af190910
parent e9e063e18e
commit 97af190910
2 changed files with 2 additions and 0 deletions
--- a/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss
+++ b/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss
@ -24,6 +24,7 @@ body.preview-text-enabled {

  #text-preview {
    position: sticky;
+    top: 20px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block !important;
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@ -474,6 +474,7 @@ body.preview-text-enabled {
    display: none; }
  body.preview-text-enabled #text-preview {
    position: sticky;
+    top: 20px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block !important; }