サイドパネルの表示について

[akmk]

Vivaldiの設定で普段はサイドパネルは表示されないけど、マウスのカーソルをサイドパネルの位置でホバーさせると出てくるみたいなことってできますか？

[nyachu]

@akmk

そう動作するように自力で仕込まないとダメなようです。
下記のスレが参考になりそうです。

https://forum.vivaldi.net/topic/28413

※具体的に試していないのでちょっと曖昧な返答ですみません。

ᅠ

なお、自分はマウスジェスチャーの←と→でパネル開閉するようにしています。
パネルが出現する場所にカーソルをいちいち合わせるのも面倒と感じてる人なのです。
https://forum.vivaldi.net/topic/79500

[HongKong3]

もう見て無さそうですが、面白そうだったんでカスタムCSSででっち上げてみました

Vivaldi設定: パネル > パネルをオーバーレイ表示する が有効な時だけ機能します。

/* # サイドバー オーバーレイ */
#app:not(.dev) div.inner #panels-container.overlay {
  --tmpSideBarStay: 100%;
  --tmpSideBarInset: 0 auto auto 0;
  background-color: transparent;
  border: none 0;
  position: absolute;
  &.left {
    --tmpSideBarStay: -100%;
    --tmpSideBarInset: 0 0 auto auto;
  }

  & > div#panels {
    contain: layout;
    transition: .2s cubic-bezier(.3, 1.5, .9, .9);
    &::before {
      content: '';
      display: block;
      position: absolute;
      border: solid rgba(0, 0, 0, .1);
      border-width: 0 1px;
      inset: var(--tmpSideBarInset);
      width: 200%;
      height: 100%;
      background-color: var(--colorBgAlphaBlur);
      box-sizing: border-box;
    }
  }

  /* ## パネル表示中は隠さない */
  &.icons:not(:hover):not(focus-within) > div#panels {
    transform: translate(var(--tmpSideBarStay), 0);
  } /**/

  /* ## サイドパネルごと隠す * /
  &:not(:hover):not(focus-within) > div#panels {
    transform: translate(var(--tmpSideBarStay), 0);
    & > div.panel-group {transform: translate(var(--tmpSideBarStay), 0)}
  } /**/
}

既知の問題点

• ページのスクロールバーを隠す
• サイドパネルごと非表示にすると、ホバーの判定位置が安定しない