代码之家  ›  专栏  ›  技术社区  ›  Adolfo Perez

如何让Algolia docsearch弹出窗口显示在Sphinx docs内容的顶部?

  •  0
  • Adolfo Perez  · 技术社区  · 4 年前

    我有一个斯芬克斯文件的网站,并希望添加Algolia搜索支持。一切都很好,除了Algolia docsearch弹出窗口显示在我的Sphinx内容面板后面。这里报告了非常类似的问题: https://github.com/algolia/docsearch/issues/130

    我创建了这个codepen沙盒来复制这个问题:

    https://codepen.io/adolfo1981/pen/LYbEEme

    当您开始在搜索框中输入时,Algolia弹出窗口显示在右侧的“我的内容”面板后面。 https://cdn.jsdelivr.net/npm/docsearch.js@2.6.3/dist/cdn/docsearch.min.css

    enter image description here

    我尝试了这里推荐的所有CSS设置组合 https://github.com/readthedocs/sphinx_rtd_theme/issues/761 但什么都没用:

    .wy-nav-side { overflow: visible;  }
    .wy-side-scroll { overflow: auto; }
    

    希望有人能帮我。 以下是Algolia docsearch下拉列表的链接:

    https://docsearch.algolia.com/docs/dropdown

    更新

    .algolia-autocomplete .ds-dropdown-menu [class^='ds-dataset-'] {
      position: fixed;
      border: solid 1px #d9d9d9;
      background: #fff;
      border-radius: 4px;
      overflow: auto;
      padding: 0 8px 8px;
    }
    
    0 回复  |  直到 4 年前
        1
  •  1
  •   triddle    4 年前

    对于css类 .ds-dataset-1 添加 position: fixed;