带有扩展部分的侧边栏

Question

我不熟悉语义UI（通常是Web开发），并且希望实现这样的设计：

因此请注意：带有图标的栏始终存在，仅当鼠标悬停在菜单栏上的某个位置时，图标的标签才会出现；标签矩形悬停在网站内容上，并且不会从顶部延伸到底部。

任何人都可以给我有关如何完成此操作的提示吗？

菜单/图标栏可以是总是可见的侧边栏：

<div class="ui visible left thin sidebar borderless vertical icon menu">
  <a class="item">
    <i class="search icon"></i>
    // Would like label text here 
  </a>
  ..etc
</div>

但是我看不到有什么可以帮助我处理标签/弹出窗口的内容，并且最好在同一项目中包含该文本的定义。

任何帮助都将不胜感激！

Answer 1

与语义UI一样好，我们现在决定它不是适合我们的框架。我们正在构建一个技术应用程序，而不是一个常规的网站，而是一个自定义设计，并且我们经常会遇到这样的问题。 @Michael：感谢您的回答！