Sidebary like ARC browser (navigation bar to bottom)

[loaykhalifa]

I make small improvement in original code by Naezr
for the navigation bar of Sidebery to be like ARC browser

CleanShot.20240915.-.03-44.mp4

Just copy and paste the code ↴ inside

chrome/ShyFox/content/shy-sidebery.css

/* 
Moving Sidebery navigation bar to bottom.
&
Settings related to Hidden Panels icon and popup layer,
adapting to the flipped navbar orientation. 
*/

.top-horizontal-box {
  display: flex;
  order: 2;
}

#hidden_panels_btn.nav-item .icon {
  transform: scaleY(-1)!important;
  scale: 1.5; 
}
.hidden-panels-popup-layer {
  transform: scaleY(-1)!important;
  margin-top: -15%;
  --toolbar-bg: var(--frame-bg);
}
.NavigationBar .hidden-panels-popup-content {
  transform: scaleY(-1)!important;
}